JS修改iframe页面背景颜色的方法

2024-05-06 16:18:07

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了JS修改iframe页面背景颜色的方法,涉及javascript操作iframe页面样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS修改iframe页面背景颜色的方法。分享给大家供大家参考。具体如下：

下面的代码演示了如何在网页里通过JS代码修改嵌入的iframe的网页背景颜色

<!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>