Javascript轻松改变Iframe中背景颜色

weiking 2010.09.24

在本地页面当中Iframe引用外域的域名或者页面中，我们时常碰到Ifeame中带背景的情况，在css中是没有办法去除的
现在我们用很简单的js办法去除页面中的颜色。
也可以从另外一方面讲，是用js办法给Iframe中更换另外一个背景颜色。
下面是代码部分:

<html>
<head>
<script>
	function iframeColor(){
	 document.getElementById('iframeColor').style.backgroundColor='#ff0000';
	}
</script>
 
</head>
<body>
<iframe style="background:#000" name="content" height="500" width="500" scrolling="no" id="iframeColor" frameborder="0"  onload="iframeColor()"></iframe>
</body>
</html>

iframe背景透明：
需要设置二个属性，iframe上要新增一个allowtransparency=”true”，另外被调用的页面要设置body{ background: transparent}

可以任意转载, 转载时请务必以超链接形式标明文章原始出处及此声明

本文地址： http://www.weiking.com.cn/post/144.html

Tags: js更换颜色, 改变Iframe背景颜色

4 条评论

zwb185 说: 2010.12.16 23:52

跨域的行吗？

[回复]
weiking 回复:
十二月 17th, 2010 at 13:42
不能，只能修改你iframe中的背景色

[回复]

回复
凝眸说: 2011.10.13 14:09

您好~请问如果我们做的页面只属于某个iframe里的子页面，我们无法修改上层的iframe。那么可以有神马办法修改上层iframe里的背景么？多谢~菜鸟求助~

[回复]
weiking 回复:
十月 13th, 2011 at 20:21
你这个文件和上层iframe是不是同一个域呢，如果同一个域的话，可以用$(window.parent.document).find(“#XX”)，XX为iframe的id

[回复]

回复