简朴配置iframe的配景致及添补iframe
发布时间：2018-09-07 17:48:07 所属栏目：创业 来源：站长网
导读：前几天在做一个自界说弹出层时，必要用到iframe做半透明的配景，可是因为iframe不能直接配置配景致而苦恼，百度google之后发明人们多半是给iframe配置src指向一个方针html页面，此页面仅仅是在body中配置配景致。始终认为这样子不太好，一来是是iframe中页
|
前几天在做一个自界说弹出层时，必要用到iframe做半透明的配景，可是因为iframe不能直接配置配景致而苦恼，百度google之后发明人们多半是给iframe配置src指向一个方针html页面，此页面仅仅是在body中配置配景致。始终认为这样子不太好，一来是是iframe中页面缓存异常严峻，日后修改配景致贫困，二来假如加会见解点随机的话会导致每次弹框都要革新。 我的要领： Copy to Clipboard 引用的内容：[www.veryhuo.com]
<iframe src="javascript:document.write('<body style='background-color:black'></body>')"></iframe>
这样一来，我们不只仅只可以配置iframe的配景致了，还可以做许多事，若偶然辰要在iframe中放一个简朴的图片，写几行字等等，也没须要再去写一个页面来做指向了。 下面是一个完备的示例： Copy to Clipboard引用的内容：[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/ （编辑：河北网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
