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