iframe子页面操作父页面并实现屏蔽页面弹出层效果_HTML/Xhtml_网页制作

二： index.html的body部分中添加屏蔽层和内容展示层

代码如下:

三：index.html 中设置div的样式和实现打开关闭层的方法

代码如下:


/*显示页面*/
function showDiv) {
var bg = document.getElementById("BgLayer");
var con = document.getElementById("Layer");
//var w = document.documentElement.clientWidth; //网页可见区域宽
//var h = document.documentElement.clientHeight;//网页可见区域高
var w = document.body.scrollWidth; //网页正文全文宽
var h = document.body.scrollHeight; //网页正文全文高
// alert(w+"-"+h);
bg.style.display = "";
bg.style.width = w + "px";
bg.style.height = h + "px";
con.style.display = "";
}
/*关闭*/
function closeDiv() {
var bg = document.getElementById("BgLayer");
var con = document.getElementById("Layer");
bg.style.display = "none";
con.style.display = "none";
}

四：son.html 中某个操作调用父页面方法

代码如下:
查看