layer彈出層顯示在top頂層的方法
更新時(shí)間：2019年09月11日 17:31:28 作者：微笑de生活
今天小編就為大家分享一篇layer彈出層顯示在top頂層的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
因?yàn)轫?xiàng)目框架用了iframe，所以在用layer時(shí)，默認(rèn)layer.open彈出的窗口只能在iframe子窗口區(qū)域顯示?，F(xiàn)在想讓layer在父窗口或者說框架的最頂層顯示，想到用top.layer.open或者parent.layer.open,但是沒反應(yīng)。后面想到應(yīng)該是在父頁面中沒有導(dǎo)入layer.js文件，導(dǎo)入后就能正常顯示在父窗口頁面區(qū)域了。
顯示在頂層窗口
top.layer.open({
type: 2,
title: '標(biāo)題',
shadeClose: true,
shade: 0.3,
area : ['850px' , '450px'],
content: 'http://sentsin.com' //這里content是一個(gè)URL，
});
顯示在父窗口
parent.layer.open({
type: 2,
title: '標(biāo)題',
shadeClose: true,
shade: 0.3,
area : ['850px' , '450px'],
content: 'http://sentsin.com' //這里content是一個(gè)URL，
});
top和parent是瀏覽器的內(nèi)置對象，top表示最頂層容器,parent表示父容器，這樣一來就是實(shí)現(xiàn)了iframe控制父頁面或者頂層頁面的彈窗效果了。
以上這篇layer彈出層顯示在top頂層的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Bootstrap實(shí)現(xiàn)響應(yīng)式導(dǎo)航欄效果
這篇文章主要介紹了Bootstrap實(shí)現(xiàn)響應(yīng)式導(dǎo)航欄效果，導(dǎo)航欄是一個(gè)很好的功能，是Bootstrap網(wǎng)站的一個(gè)突出特點(diǎn)，本文帶領(lǐng)大家學(xué)習(xí)實(shí)現(xiàn)Bootstrap導(dǎo)航欄,需要的朋友可以參考下2015-12-12
中文逗號如何轉(zhuǎn)英文，下面為大家詳細(xì)介紹下，感興趣的朋友不要錯(cuò)過2014-02-02
Javascript 實(shí)現(xiàn)的數(shù)獨(dú)解題算法網(wǎng)頁實(shí)例
此算法的實(shí)現(xiàn)，就是模擬人腦的思考和計(jì)算過程，有需要的朋友可以參考一下2013-10-10
video控件是微信小程序提供的系統(tǒng)組件之一,用于實(shí)現(xiàn)播放視頻的功能,這篇文章主要給大家介紹了關(guān)于微信小程序之video組件視頻播放的相關(guān)資料,需要的朋友可以參考下2022-04-04
這篇文章主要介紹了JavaScript?編寫枚舉的最有效方法分享，JavaScript語言本身不支持枚舉。如果我們想模擬枚舉，我們可以使用一個(gè)對象。更多相關(guān)內(nèi)容感興趣的小伙伴可以參考一下2022-06-06
這篇文章主要介紹了詳細(xì)討論JavaScript中的求值策略，對求值策略感興趣的同學(xué)，可以參考下2021-04-04
使用ajax的post同步執(zhí)行(實(shí)現(xiàn)方法)
下面小編就為大家分享一篇使用ajax的post同步執(zhí)行(實(shí)現(xiàn)方法)，具有很好的參考價(jià)值，希望對大家有所幫助2017-12-12
這篇文章主要介紹了JS ES6展開運(yùn)算符的幾個(gè)妙用，想了解ES6的同學(xué)，可以參考下2021-04-04
javascript 獲取多條數(shù)據(jù)(模擬ajax獲取數(shù)據(jù))
javascript 獲取多條數(shù)據(jù)(模擬ajax獲取數(shù)據(jù)),這樣的好處不用額外的ajax讀取鏈接，減輕服務(wù)器負(fù)擔(dān)。2009-06-06
細(xì)說webpack源碼之compile流程-rules參數(shù)處理技巧(1)
webpack作為一種流行的打包工具被廣泛應(yīng)用在web項(xiàng)目的前端工程化構(gòu)建中。下面通過本文給大家介紹webpack源碼之compile流程-rules參數(shù)處理技巧，感興趣的朋友一起看看吧2017-12-12