首頁 > web前端 > html教學 > iframe子頁面操作父頁面並實現屏蔽頁面彈出層效果_HTML/Xhtml_網頁製作

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

WBOY
發布: 2016-05-16 16:38:33
原創
1593 人瀏覽過

問題:在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 中某個操作調用父頁面方法

複製代碼
代碼如下: 查看
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板