如何将外部样式表和javascript导入iframe

Question

我只想将外部样式表和js导入到iframe的head标签中。有可能吗？

我在html头部试过一个自定义的jquery函数`

$(this).contents().find('head').append('<link href="http://mywebsite.com/css/iframe.css?" rel="stylesheet" type="text/css" />')`

Answer 1

iframe中的窗口对象是加载到iframe中的页面的属性。包含页面操作iframe窗口对象的唯一方法是包含页面的域和iframe页面是否相同。 （由于跨域限制政策）

Answer 2

我不相信可以使用JavaScript在iframe中包含样式表，因为在添加样式表之前帧已经渲染。

您可以使用.find().css()更改iframe DOM中元素的样式。 （我已经为使用iFrame预览窗格为网站构建主题生成器做了类似的事情。）

如果它来自其他人的网站，你应该小心改变iFrame的CSS，因为他们可能随时更改自己的CSS或标记，这可能会弄乱你想要实现的目标。