关键词：
【中文标题】将 CSS 添加到 iFrame [重复]【英文标题】：Add CSS to iFrame [duplicate] 【发布时间】：2011-10-21 02:01:18 【问题描述】：可能重复：How to apply CSS to iFrame?
现在我正在通过 jquery 加载 iframe：
$(window).load(function()
$('iframe').load(function()
$('iframe').show()
$('#loading').hide();
);
$('#loading').show();
$('iframe').attr( "src", "http://www.url.com/");
);
我有一个自定义样式表，我想将其应用于该页面。 iframe 中的页面不在同一个域中，这就是为什么它很棘手。我找到了允许您添加单个标签而不是整个样式表的解决方案。
编辑：相关页面是通过 Mobile Safari 中的 file:// 加载的，因此跨域策略不适用。
【问题讨论】：
你到底是怎么做到的？由于浏览器的跨域策略，它应该是不允许的。 您能为单个标签添加这些解决方案吗？ @KARASZI 相反，这正是iframes 的用途。
@Jacek, ***.com/questions/217776/how-to-apply-css-to-iframe/…
我不明白为什么您不能从 iframe 加载样式表。我曾经和你一样为一个客户做过这个。我有一个 ajax 窗口加载，我从服务器端抓取数据，我只是将样式表动态嵌入到 iframe 中。
【参考方案1】：
基于解决方案你已经找到How to apply CSS to iframe?：
var cssLink = document.createElement("link")
cssLink.href = "file://path/to/style.css";
cssLink .rel = "stylesheet";
cssLink .type = "text/css";
frames['iframe'].document.body.appendChild(cssLink);
或更多 jqueryish（来自Append a stylesheet to an iframe with jQuery）：
var $head = $("iframe").contents().find("head");
$head.append($("<link/>",
rel: "stylesheet", href: "file://path/to/style.css", type: "text/css" ));
至于安全问题：Disabling same-origin policy in Safari
【讨论】：
这应该让有安全意识的人头疼 非JQ方式报错，JQ方式无结果。错误是Cannot read property "document" of undefined.
那么跨域策略毕竟适用
@Jacek 啊，CDP 开始了吗？认为它会给我一个更具体的错误......
试试***.com/questions/4556429/…需要使用 PHP 将变量添加到 Iframe URL [重复]
】需要使用PHP将变量添加到IframeURL[重复]【英文标题】：NeedtoaddvariablesintoIframesURLusingPHP[duplicate]【发布时间】：2018-04-1423:04:31【问题描述】：让我们简单解释一下我需要做什么。我从我的数据库中收到两个坐标，应该将其添加到i... 查看详情
尝试使用 JavaScript 将 css 样式添加到 iframe
】尝试使用JavaScript将css样式添加到iframe【英文标题】：TryingtoaddcssstylingtoiframewithJavaScript【发布时间】：2021-01-1403:36:14【问题描述】：在Wordpress上试试这个：在我的iframe中，我有一个._2p3a类，我想将其宽度更改为._2p3awidth:100%!impor... 查看详情
Vimeo iframe作为背景[重复]
...，但我还没有找到全屏播放的最佳方式。我正在尝试将css添加到iframe，但它根本不起作用：iframewidth:100%;height:100%;你们有谁知道不使用插件或html5将其作为背景嵌 查看详情
不要将css添加到带有活动类的链接中[重复]
】不要将css添加到带有活动类的链接中[重复]【英文标题】：Don\'taddthecsstothelinkwiththeactiveclass[duplicate]【发布时间】：2019-12-2514:02:42【问题描述】：有没有办法在CSS中不将css添加到li中？这是我的示例html<liclass="nav-item"><aclas... 查看详情
如何将动画 css 添加到我的 wordpress 主题中[重复]
】如何将动画css添加到我的wordpress主题中[重复]【英文标题】：Howtoaddanimatecsstomywordpresstheme[duplicate]【发布时间】：2019-11-2102:43:53【问题描述】：我已经开始制作wordpress主题，并且想为我的块使用一些动画，“动画css库”我试图... 查看详情
将点击事件添加到 iframe
】将点击事件添加到iframe【英文标题】：Addclickeventtoiframe【发布时间】：2013-02-1109:05:40【问题描述】：我想向iframe添加点击事件。我用thisexample得到了这个：$(document).ready(function()$(\'#left\').bind(\'click\',function(event)alert(\'test\');););<... 查看详情
通过 Javascript 将 IFRAME 添加到 DOM
】通过Javascript将IFRAME添加到DOM【英文标题】：AddingIFRAMEtoDOMbyJavascript【发布时间】：2011-09-1306:05:29【问题描述】：我想在页面上添加一个iframe。这个iframe应该引用一个URL。我将以下代码添加到页面HTML，但它不起作用：document.creat... 查看详情
将 CSS 动态加载到文档头部并在加载后等待
...时间】：2014-12-1808:09:28【问题描述】：如何将CSS文件动态添加到文档HEAD并等待文件完全加载？我正在使用iframe，所以这是我如何将CSS动态插入到iframe中加载的文档的示例。$(iframe).contents().find(\'head\').app 查看详情
让页面上的 jQuery 添加 CSS 类到 iframe 中的 div？
】让页面上的jQuery添加CSS类到iframe中的div？【英文标题】：MakejQueryonpageaddCSSclasstodivwithiniframe?【发布时间】：2011-07-2123:44:23【问题描述】：我可以在我的页面上使用jQuery将CSS类添加到iframe中的div吗？谢谢更新。出于测试目的，我... 查看详情
将现有变量添加到 iFrame URL
】将现有变量添加到iFrameURL【英文标题】：AddingexistingvariabletoiFrameURL【发布时间】：2021-07-1217:35:49【问题描述】：这可能是非常基本的，但我们将不胜感激。我有以下脚本，可以添加到自定义构建的Web应用程序中，并在其中嵌入... 查看详情
使用 JQuery 将事件处理程序添加到 iframe
】使用JQuery将事件处理程序添加到iframe【英文标题】：AddingeventhandlertoaniframeusingJQuery【发布时间】：2010-10-0715:53:17【问题描述】：我想为iframe分配一个keydown事件处理程序。类似于纯JS的东西：document.getElementById(\'iframe_id\').contentWi... 查看详情
如何使用 JQuery 将点击事件添加到 iframe
】如何使用JQuery将点击事件添加到iframe【英文标题】：HowtoaddclickeventtoaiframewithJQuery【发布时间】：2010-12-0905:54:47【问题描述】：我的页面上有一个iframe，来自第三方（广告）。我想在点击该iframe时触发一个点击事件（以记录一... 查看详情
javascript将自定义css添加到iframe（未经测试）(代码片段)
javascript将自定义css添加到iframe（未经测试）(代码片段)
javascript将自定义css添加到iframe（未经测试）(代码片段)
如何将 css 样式应用到 iframe 内容中？ [复制]
】如何将css样式应用到iframe内容中？[复制]【英文标题】：Howtoapplyingcssstyleintoaniframecontent?[duplicate]【发布时间】：2013-03-2615:07:12【问题描述】：我正在尝试为iframe中的内容应用CSS样式，请查看此链接http://jsfiddle.net/pPqGe/jQuery:$(docu... 查看详情
如何将类添加到生成的 iframe 内的正文标记
】如何将类添加到生成的iframe内的正文标记【英文标题】：HowtoaddClasstoabodytaginsideageneratediframe【发布时间】：2011-05-2909:55:39【问题描述】：我正在使用JQColorbox插件（一种Lightbox），我想将一个类添加到通过Colorbox的iframe函数加载... 查看详情
如何将事件添加到新添加的 iframe
】如何将事件添加到新添加的iframe【英文标题】：Howtoaddaneventtonewlyaddediframe【发布时间】：2014-12-1608:38:24【问题描述】：在对我之前的问题发表有用的评论后：Copy&PasteplaintextwithinHTML我现在正在努力将这种方法应用于富文本编... 查看详情