iframe背景色

最新推荐文章于 2022-04-27 16:43:27 发布

guchuanlong

最新推荐文章于 2022-04-27 16:43:27 发布

阅读量2.2k

点赞数

分类专栏： Html JavaScript 文章标签： iframe table html function

JavaScript 同时被 2 个专栏收录

51 篇文章 0 订阅

订阅专栏

Html

29 篇文章 0 订阅

订阅专栏

用iframe引用同一个页面,但想让这个页面在不同的引用中有不同的背景色：

一、可以使用iframe的透明来实现：
1、给放置iframe的容器设置你要的背景，比如table的单元格
2、把iframe设置为允许透明
3、设置iframe包含的页面背景为透明
这样以来，就可以通过控制单元格的背景色来达到需要的效果了

代码：
main.htm
-------
<HTML>
<HEAD>
<TITLE>main.htm</TITLE>
</HEAD>
<BODY>
<TABLE   width='500'   height='500'>
<TR>
<TD   bgcolor='#000fff'><iframe   width='100%'   height='100%'   src='inc.htm' allowTransparency=true></iframe></TD>
</TR>
<TR>
<TD   bgcolor='#fff000'><iframe   width='100%'   height='100%'   src='inc.htm'   allowTransparency=true></iframe></TD>
</TR>
</TABLE>
</BODY>
</HTML>

inc.htm
－－－－－－－－－－－
<HTML>
<HEAD>
<TITLE>inc.htm</TITLE>
</HEAD>
<BODY   bgColor="transparent">
子页面<br>
子页面<br>
子页面<br>
子页面<br>
子页面<br>
子页面<br>
子页面<br>
</BODY>
</HTML>

二、在父页面设置iframe的背景即可。

在iframe中的onload调用parent.setFrameBgColor();
然后在每个parent页面都定义一个setFrameBgColor函数如下：
function   setFrameBgColor(color)
{
window.iframename.document.body.bgColor=color;
}

转自： http://hi.baidu.com/wufengtinghai/item/bff59a0e6283a38e02ce1be6