从其他网站引用iframe页面,有什么办法控制它的样式。

发布网友发布时间：2022-04-25 13:55

共4个回答

热心网友时间：2022-04-20 21:55

可以的，可以通过获取带架构中的某些id值和name值，之后直接更改样式即可的。
<!DOCTYPE html>
<html>
<head>
<script>
function changeStyle()
{
var x=document.getElementById("myframe");
var y=(x.contentWindow || x.contentDocument);
if (y.document)y=y.document;
y.body.style.backgroundColor="#0000ff";
}
</script>
</head>
<body>
<iframe id="myframe" src="demo_iframe.htm">
<p>Your browser does not support iframes.</p>
</iframe>
<br><br>
<input type="button" onclick="changeStyle()"
value="Change background color">
</body>
</html>
备注：这个肯定是有局限性的，一般无法改变iframe的架构设计，也就是说很不灵活。

热心网友时间：2022-04-20 23:13

没有办法。你也知道它是调用的其他网页，如果被调用的网页不发生变化，你的网页也不能变化吧。是不是，

热心网友时间：2022-04-21 00:48

那是不行的，CSS样式是以最内层的那个为准的，你调用的其他网页的，最内层的肯定是人家网页里面的，他的不改变，你的就改不了。

热心网友时间：2022-04-21 02:39

跨站是不能控制的。