iframe子頁面操作父頁面並實現屏蔽頁面彈出層效果_HTML/Xhtml_網頁製作

問題：在index.html 中，iframe 引入son.html，在son.html 中如何點擊某個操作，實現屏蔽整個頁面，並彈出要顯示的層？
準備： index.html son.html
思路：
一：index.html中iframe引入son.html ，

複製代碼

代碼如下:

二： index.html的body部分中加入屏蔽層和內容展示層

複製程式碼

程式碼如下:

三：index. html 中設置div的樣式和實現打開關閉層的方法

複製代碼

代碼如下:

var con = document.getElementById("Tyer ");
bg.style.display = "none";
con.style.display = "none";
}

四：son.html 中某個操作調用父頁面方法

複製代碼

代碼如下: 查看