layer彈出層顯示在top頂層的方法
更新時間：2019年09月11日 17:31:28 作者：微笑de生活
今天小編就為大家分享一篇layer彈出層顯示在top頂層的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
因?yàn)轫?xiàng)目框架用了iframe，所以在用layer時，默認(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是一個URL，
});
顯示在父窗口
parent.layer.open({
type: 2,
title: '標(biāo)題',
shadeClose: true,
shade: 0.3,
area : ['850px' , '450px'],
content: 'http://sentsin.com' //這里content是一個URL，
});
top和parent是瀏覽器的內(nèi)置對象，top表示最頂層容器,parent表示父容器，這樣一來就是實(shí)現(xiàn)了iframe控制父頁面或者頂層頁面的彈窗效果了。
以上這篇layer彈出層顯示在top頂層的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
今天翻開舊項(xiàng)目發(fā)現(xiàn)挺多圖片相關(guān)的插件都是用?base64?來顯示圖片的。談到?base64，腦海遐想翩翩，思緒回蕩之下?base64?瑕瑜互見。這篇文章主要是記錄了工作中遇見的問題并加以總結(jié)，如有不妥請指正2023-02-02
js定時器setInterval、clearInterval的使用方法舉例
Javascript的setTimeOut和clearInterval函數(shù)應(yīng)用非常廣泛,它們都用來處理延時和定時任務(wù),這篇文章主要給大家介紹了關(guān)于js定時器setInterval、clearInterval使用方法的相關(guān)資料,需要的朋友可以參考下2023-11-11
javascript實(shí)現(xiàn)按回車鍵切換焦點(diǎn)
這篇文章主要介紹了javascript實(shí)現(xiàn)按回車鍵切換焦點(diǎn)的方法,需要的朋友可以參考下2015-02-02
JavaScript實(shí)現(xiàn)京東購物放大鏡和選項(xiàng)卡效果的方法分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)京東購物放大鏡和選項(xiàng)卡效果的方法,結(jié)合實(shí)例形式分析了javascript基于事件響應(yīng)、數(shù)值計(jì)算與頁面元素動態(tài)修改實(shí)現(xiàn)圖片放大功能以及tab選項(xiàng)卡切換效果相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
這篇文章主要介紹了webpack解決css兼容性問題小結(jié),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2024-05-05
使用JavaScript計(jì)算前一天和后一天的思路詳解
這篇文章主要介紹了使用JavaScript計(jì)算前一天和后一天的思路，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-12-12
實(shí)例：盡可能寫友好的Javascript代碼...2006-10-10
Javascript如何實(shí)現(xiàn)對象扁平化實(shí)例詳解
這篇文章主要給大家介紹了關(guān)于Javascript如何實(shí)現(xiàn)對象扁平化的扁平化處理簡而言之就是對對象中的對象提取出來,放在一個對象里面,形象的說就是把兒子的后代當(dāng)成自己的兒子,下面相關(guān)資料,需要的朋友可以參考下2022-11-11
原生JavaScript獲取樣式，是獲取樣式，不是設(shè)置樣式。若沒有給元素設(shè)置樣式值，則返回瀏覽器給予的默認(rèn)值2014-10-10
本文是上一篇文章《用js讀、寫、刪除Cookie代碼分享及詳細(xì)注釋說明》發(fā)現(xiàn)了些問題，進(jìn)行分析解決，推薦給大家2014-12-12