簡單設置iframe的背景色及填充iframe
來源：程序員人生 發布時間：2014-03-06 22:54:27 閱讀次數：4812次
前幾天在做一個自定義彈出層時，需要用到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/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/
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
