欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

layer彈出層顯示在top頂層的方法

 更新時間:2019年09月11日 17:31:28   作者:微笑de生活  
今天小編就為大家分享一篇layer彈出層顯示在top頂層的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

因為項目框架用了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表示父容器,這樣一來就是實現(xiàn)了iframe控制父頁面或者頂層頁面的彈窗效果了。

以上這篇layer彈出層顯示在top頂層的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • 深入淺出JavaScript中base64編碼原理

    深入淺出JavaScript中base64編碼原理

    今天翻開舊項目發(fā)現(xiàn)挺多圖片相關(guān)的插件都是用?base64?來顯示圖片的。談到?base64,腦海遐想翩翩,思緒回蕩之下?base64?瑕瑜互見。這篇文章主要是記錄了工作中遇見的問題并加以總結(jié),如有不妥請指正
    2023-02-02
  • js定時器setInterval、clearInterval的使用方法舉例

    js定時器setInterval、clearInterval的使用方法舉例

    Javascript的setTimeOut和clearInterval函數(shù)應(yīng)用非常廣泛,它們都用來處理延時和定時任務(wù),這篇文章主要給大家介紹了關(guān)于js定時器setInterval、clearInterval使用方法的相關(guān)資料,需要的朋友可以參考下
    2023-11-11
  • javascript實現(xiàn)按回車鍵切換焦點

    javascript實現(xiàn)按回車鍵切換焦點

    這篇文章主要介紹了javascript實現(xiàn)按回車鍵切換焦點的方法,需要的朋友可以參考下
    2015-02-02
  • JavaScript實現(xiàn)京東購物放大鏡和選項卡效果的方法分析

    JavaScript實現(xiàn)京東購物放大鏡和選項卡效果的方法分析

    這篇文章主要介紹了JavaScript實現(xiàn)京東購物放大鏡和選項卡效果的方法,結(jié)合實例形式分析了javascript基于事件響應(yīng)、數(shù)值計算與頁面元素動態(tài)修改實現(xiàn)圖片放大功能以及tab選項卡切換效果相關(guān)操作技巧,需要的朋友可以參考下
    2018-07-07
  • webpack解決css兼容性問題小結(jié)

    webpack解決css兼容性問題小結(jié)

    這篇文章主要介紹了webpack解決css兼容性問題小結(jié),本文通過實例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下
    2024-05-05
  • 使用JavaScript計算前一天和后一天的思路詳解

    使用JavaScript計算前一天和后一天的思路詳解

    這篇文章主要介紹了使用JavaScript計算前一天和后一天的思路,代碼簡單易懂,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-12-12
  • 實例:盡可能寫友好的Javascript代碼

    實例:盡可能寫友好的Javascript代碼

    實例:盡可能寫友好的Javascript代碼...
    2006-10-10
  • Javascript如何實現(xiàn)對象扁平化實例詳解

    Javascript如何實現(xiàn)對象扁平化實例詳解

    這篇文章主要給大家介紹了關(guān)于Javascript如何實現(xiàn)對象扁平化的扁平化處理簡而言之就是對對象中的對象提取出來,放在一個對象里面,形象的說就是把兒子的后代當(dāng)成自己的兒子,下面相關(guān)資料,需要的朋友可以參考下
    2022-11-11
  • 利用原生JavaScript獲取元素樣式只是獲取而已

    利用原生JavaScript獲取元素樣式只是獲取而已

    原生JavaScript獲取樣式,是獲取樣式,不是設(shè)置樣式。若沒有給元素設(shè)置樣式值,則返回瀏覽器給予的默認(rèn)值
    2014-10-10
  • 用js讀、寫、刪除Cookie代碼續(xù)篇

    用js讀、寫、刪除Cookie代碼續(xù)篇

    本文是上一篇文章《用js讀、寫、刪除Cookie代碼分享及詳細(xì)注釋說明》發(fā)現(xiàn)了些問題,進(jìn)行分析解決,推薦給大家
    2014-12-12

最新評論