用于在我的网站上未托管的 iframe 中加载 CSS 文件的 Javascript 函数答案

【问题标题】：Javascript function to load a CSS file in an iframe not hosted on my website用于在我的网站上未托管的 iframe 中加载 CSS 文件的 Javascript 函数
【发布时间】：2014-07-02 19:56:56
【问题描述】：

我正在使用一项服务来创建一个表单，该表单可以在 iframe 中加载到我的网站上。当表单加载时，我可以将自定义 javascript 加载到 iframe 中（我在服务域的表单创建器中添加了 javascript）。我相信函数必须使用 either both 或 one 参数“form”和“function”。像这样：

function(field,form){
  code
}

有没有我可以调用的函数，以便它从不同的域加载一个 css 文件，该文件将应用于 iframe 内部的内容？

iframe 中的域确实加载了 jQuery，但我不确定它是否允许我调用 jQuery 函数。如果你给我一个 jQuery 函数，它通常可以在 iframe 中工作，我会测试它。

【问题讨论】：

标签： javascript html css iframe

【解决方案1】：

如果您将样式表链接标签附加到标题，jQuery 将处理创建和加载样式表。

jQuery("head").append('<link rel="stylesheet" type="text/css" href="URL_TO_CSS_FILE" />');

请注意，这取决于您添加在 iframe 中运行的 JavaScript 的能力。

【讨论】：

太棒了！谢谢！我对其进行了测试，看起来我能够运行 jQuery 和 Javascript。我可以在单击按钮时运行它，也可以在有人加载表单时运行它。因此，当有人加载表单时，它就会运行。

【解决方案2】：

使用 jQuery，您可以简单地在页面的 head 部分中注入一个 CSS 标记：

标签一插入，就会加载CSS

【讨论】：