您现在的位置: 365建站网 > 365学习 > 设置iframe的背景色及填充iframe

设置iframe的背景色及填充iframe

文章来源:365jz.com     点击数:1092    更新时间:2009-12-28 23:15   参与评论

前几天在做一个自定义弹出层时,需要用到iframe做半透明的背景,但是由于iframe不能直接设置背景色而苦恼,百度google之后发现人们大都是给iframe设置src指向一个目标HTML页面,此页面仅仅是在body中设置背景色。始终觉得这样子不太好,一来是是iframe中页面缓存十分严重,日后修改背景色麻烦,二来如果加访问地址随机的话会导致每次弹框都要刷新。

我的方法:<iframe src="JavaScript:document.write('<body style=\'background-color:black\'></body>')"></iframe>

这样一来,我们不仅仅只可以设置iframe的背景色了,还可以做很多事,如有时候要在iframe中放一个简单的图片,写几行字等等,也没必要再去写一个页面来做指向了。

下面是一个完整的示例:

 

<html>
<head>
<script type="text/javascript">
    
function ggyy()
    {
    
var code = ["<html>"];
    code.push(
"<body style='color:Red;'>");
    code.push(
"<img src='/uploads/allimg/200912/20091228231607308.gif'/>");
    code.push(
"<span style='color:Red;'>这是iframe中的字</span>");
    code.push(
"</body>");
    code.push(
"</html>");
        
return code.join("");
    }
</script>
</head>
<body>
<iframe width="700px" height="400px" src="javascript:parent.ggyy()"></iframe>
</body>
</html>

 

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (1092人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------