HTML5的iframe样式

时间:2016-10-27 15:26:16

标签: css html5 iframe

我有一个iframe,我想只使用CSS在属性srcdoc中设置样式。

<iframe name="myFrame" srcdoc="<span>Hi</span>"> </iframe>

是否可以在不使用内联样式但仅使用样式表的情况下在srcdoc中设置span的样式?

如果没有,我只能将整个html编码放在srcdoc中来改变样式?

2 个答案:

答案 0 :(得分:0)

您可以尝试通过更改属性来使用Javascript。我不确定这是否适合您。但如果是,则创建一个可以动态地将属性更改为您想要的任何属性的函数。这样你就不会静态添加它。

我将在下面给你一个简单的例子。

document.getElementsByTagName("iframe")[0].setAttribute("srcdoc", "demoValue");

要更改内部范围的样式,您只需为其指定一个id即可。并在CSS中制定规则,这将使您在Js和CSS中操纵它。

如果iframe不在同一个域中,您将无法修改内容客户端。您必须使用PHP阅读该页面并从您的域中回显它。

答案 1 :(得分:0)

iframe的CSS样式独立于主页面外观。并且不可能在外部操纵它的设计。

srcdoc属性有关,我不明白你想要什么。关于它,MDN says:“此属性通常与sandbox属性一起使用。”