将样式表插入iframe
Insert stylesheet into 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替换为你的网站的url,将$this->标题替换为你网站的标题
除非当前页面也来自iwiw.hu,否则无法执行此操作。存在跨域限制,如果您创建的<iframe>
的输出在您的域之外,则无法触摸该输出。
这里有一些答案。。。除非iframe域从主页推迟。
如何将CSS应用于iframe?
相关文章:
- 将样式表插入iframe
- 在iframe代码中动态插入子id
- 插入<脚本>使用jQuery将其转换为iframe
- 如何将javascript文件插入到iframe中,然后调用插入的javascript中的函数
- 在html中插入iframe的适当位置
- 在页面加载后插入 YouTube iframe
- 插入内容后,Iframe 中的单击处理程序不起作用
- 使用 Javascript 插入 iFrame
- 在插入符号 (IE) 处将 HTML 插入 iFrame 中
- 在 AngularJS 中插入来自可信源的 iframe
- 在 Chrome.tabs.onUpdate 侦听器上插入 iframe
- 非动态插入 YouTube 播放器 iframe 不会触发事件
- 将内容插入 iframe javascript
- 如何在 iFrame c# 和 JavaScript 中插入 Gridview
- 如何通过插入其中的按钮来删除父 iframe
- 如何插入来自Chrome扩展程序的动态HTTPS源的iframe
- 将脚本插入加载的 iframe
- 在 iFrame 中插入一个值
- 在Iframe文本编辑器中插入After
- Chrome扩展-插入的Iframe无法访问Chrome浏览器操作或Chrome.tables或AngularJS