编程 Javascript

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

Posted in Javascript onApril 01, 2015

本文实例讲述了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>

希望本文所述对大家的javascript程序设计有所帮助。

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

- Author -

疯狂一夏

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript里的条件判断

Feb 27 Javascript

Firefox+FireBug使JQuery的学习更加轻松愉快

Jan 01 Javascript

AJAX使用了UpdatePanel后无法使用alert弹出脚本

Apr 02 Javascript

js中indexof的用法详细解析

Dec 24 Javascript

Javscript删除数组中指定元素并返回新数组

Mar 06 Javascript

如何解决ligerUI布局时Center中的Tab高度大小

Nov 24 Javascript

详解使用vuex进行菜单管理

Dec 21 Javascript

使用element-ui table expand展开行实现手风琴效果

Mar 15 Javascript

vue+layui实现select动态加载后台数据的例子

Sep 20 Javascript

使用JavaScript计算前一天和后一天的思路详解

Dec 20 Javascript

javascript单张多张图无缝滚动实例代码

May 10 Javascript

JavaScript实现外溢动态爱心的效果的示例代码

Mar 21 Javascript

JS返回iframe中frameBorder属性值的方法

Apr 01 #Javascript

javascript算法题：求任意一个1-9位不重复的N位数在该组合中的大小排列序号

Apr 01 #Javascript

jQuery scrollFix滚动定位插件

Apr 01 #Javascript

JS动态修改iframe高度和宽度的方法

Apr 01 #Javascript

JS获取iframe中longdesc属性的方法

Apr 01 #Javascript

JS获取iframe中marginHeight和marginWidth属性的方法

Apr 01 #Javascript

JS去除iframe滚动条的方法

Apr 01 #Javascript