php - 将样式表插入 iframe

标签 php javascript jquery iframe

我打开这个线程是因为我尝试了很多在这里或其他地方找到的方法来使用 jQuery 将自定义样式表插入到 iframe 中,但没有一个起作用。 现在我被困住了。 我愿意接受任何建议,对我来说,如果有任何其他灵魂,就没有必要使用 jQuery 来实现。

这就是我现在拥有的:

<!doctype html>
<html lang="hu">
<head>
<meta charset="utf-8">
<title><?php echo $this->title; ?></title>
<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
<script src="//ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js"></script>
<script src="js/mootools-more.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
  $('#iwiw').load(function(){
    $('#iwiw').contents().find('head').append('<link href="css/iwiw.css" rel="stylesheet" type="text/css" />');
  });
});
</script>
</head>
<body>
<header><!-- content --></header>
<div id="container">
  <div id="left">
    <iframe id="iwiw" src="http://iwiw.hu/like.jsp?u=<?php echo $url; ?>&title=<?php echo str_replace('+', '%20', urlencode($this->title)); ?>&t=tetszik&s=white" width="220px" height="120px" style="border: none;" scrolling="no" frameBorder="0"></iframe>
  </div>
  <div id="right"><!-- content --></div>
</div>
<footer><!-- content --></footer>
</body>

代码中$url是用urlencode编码的当前url,$this->title是当前页面标题,你可以看到我的文档类型是html5,你看不到的是iframe的SRC是XHTML过渡性的。

实际上,如果您想测试它,iframe 是原始工作代码,只需将 $url 替换为您网站的网址,将 $this->title 替换为您网站的标题。

最佳答案

除非当前页面也来自 iwiw.hu,否则您无法执行此操作。有一个cross-domain limitation ,您无法触摸 <iframe> 内的输出如果它在您的域之外,则由您创建。

关于php - 将样式表插入 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12439255/

相关文章:

php - 如何在 PHP 中链接方法?

php - 使用 PHP 从 MySQL 表进行计算

javascript - mvc _layout 在 renderbody() 执行之前调用函数

javascript - 选择一项后将所有其他选择项变灰(禁用)吗?

javascript - 在文本字段中显示比日期选择器日期晚 3 天的日期

javascript - 有什么建议可以交换 GIF 动画而不让它们卡住?

php - 序列化与内爆

php - 分别计算过去 25 个月中的每个月 (*)

javascript - 为什么 window.onload 仅在某些时候被调用进行刷新?

javascript - 在html中禁用输入