如何将外部样式表和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

我认为不可能使用 JavaScript 在 iframe 中包含样式表，因为框架在添加样式表之前就已经渲染了。

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

如果 iFrame 来自其他人的网站，您应该谨慎更改其 CSS，因为他们可能随时更改自己的 CSS 或标记，这可能会扰乱您想要实现的目标。