简单设置iframe的背景色及填充iframe

发布时间：2018-09-10 05:33:43 所属栏目：经验来源：站长网

导读：前几天在做一个自定义弹出层时，需要用到iframe做半透明的背景，但是由于iframe不能直接设置背景色而苦恼，百度google之后发现人们大都是给iframe设置src指向一个目标html页面，此页面仅仅是在body中设置背景色。始终觉得这样子不太好，一来是是iframe中页

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

　　我的方法：

Copy to Clipboard Liehuo.Net Codes

引用的内容：[www.veryhuo.com] <iframe src="javascript:document.write('<body style='background-color:black'></body>')"></iframe>

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

　　下面是一个完整的示例：

Copy to Clipboard Liehuo.Net Codes

引用的内容：[www.veryhuo.com] <html>
<head>
<script type="text/javascript">
function ggyy()
{
var code = ["<html>"];
code.push("<body style='color:Red;'>");
code.push("<img src='/uploads/allimg/091224/16291M008-2.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>

来自：http://www.cnblogs.com/zhoukun921/

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!