通過iframe打開Layer彈出層，動態生成html頁面元素并調用子頁面js方法，在其中調用父頁面

stormzhang 發布于2019-08-22 11:04 / 2283人閱讀

摘要：關鍵點把方法中的局部變量轉變成父頁面的全局變量。得到頁的窗口對象，執行頁的方法如果是要在父頁面的中調用子頁面的方法，直接使用就可以了，參數也能直接傳遞過去。

關鍵點：
1 window.iframeMap = data.iframeMap;
把js方法中的局部變量轉變成父頁面的全局變量。
2 window.iframeWin = windowlayero.find("iframe")[0];
這里的iframeWin指向的是子頁面。得到iframe頁的窗口對象，執行iframe頁的方法：iframeWin.method();
3 onClick="window.parent.iframeWin.initIframeMap(window.parent.iframeMap[""+i+""]);"
如果是要在父頁面的js中調用子頁面的js方法initIframeMap ，直接使用iframeWin.initIframeMap 就可以了，參數也能直接傳遞過去。

父頁面layerIframeTest.html：

子頁面subPage.html：

GPU云服務器云服務器 iframe調用父頁面js html頁面加載調用 js調用百度頁面 js+調用另一個頁面的數據

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/91716.html

vue2實踐（持續更新）

摘要：記錄一些小技巧和踩過的坑由于本篇文章內容太多，導致編輯器有點卡，所以新開辟了一篇實踐二，后續再這里更新。組件的生命周期函數是在標簽里的數據發生變化時候觸發數據可能更新了，但是沒有綁定到上面的話，不會調用鉤子函數。記錄一些小技巧和踩過的坑由于本篇文章內容太多，導致SF編輯器有點卡，所以新開辟了一篇 vue2實踐（二），后續再這里更新。 1. props 帶不帶冒號的區別 ...

n7then 2019-08-20 15:05 評論0 收藏0
由彈出層引發對滾動原理的討論

摘要：而之所以彈出后繼續滑動手指始終不松開，仍能看到頁面在滾動，這是因為這是瀏覽器的默認行為，并且過程的發生時刻早于，所以在隊列中沒法阻塞它。前言上一篇為了解釋移動端web的事件和點擊穿透問題，我做了一個彈出框做例子，見demo。現在請把關注點轉移到彈出層本身上來，我使用fix定位將它定在屏幕中間，滾動屏幕時發現問題沒有，底層元素還是在滾動，只是彈出層在屏幕正中間而且周圍有遮罩。所以我們...

yvonne 2019-08-21 10:42 評論0 收藏0
可視化爬蟲配置chrome插件開發之搭建vue開發環境

摘要：使用開發插件的好處本次開發的插件是抓取配置插件，有很多的表單以及彈出層，如果純使用的話會有很多動態創建的操作。使用和的語法以及的加載器相配合，可以減少大量動態創建的代碼。使用vue開發chrome插件的好處本次開發的插件是抓取配置插件，有很多的form表單以及彈出層，如果純使用js的話會有很多動態創建dom的操作。使用vue和ES6的import語法以及webpack的html加載...

impig33 2019-08-16 13:25 評論0 收藏0
PHP結合layer處理彈出窗口提交的值

摘要：為了更加優雅的彈出子窗口，我們使用了這一款優秀的插件。所以等同于表單提交到頁面自身，只不過是展示在了自身的里。轉載自：http://www.884358.com/php-layer/ 在開發中經常會遇到點擊按鈕彈出展示表單，在表單中填寫信息后，點擊保存，最后返回列表頁的情況。我們想實現的比較友好的效果通常是：用戶點擊按鈕彈出子窗口，填寫完子窗口中的表單信息后，點擊子窗口中的保存按鈕...

lwx12525 2019-06-27 16:57 評論0 收藏0
idea 常用配置和快捷鍵

摘要：常用配置配置開發環境設置主題和編輯器字體設置自動關閉更新設置啟動時不自動打開項目設置代碼字體和大小設置設置項目編碼設置代碼提示忽略大小寫設置自動導包設置序列化選中和生成序列化的方法將鼠標放在實現了接口的類上，使用快捷鍵回車就常用配置配置jdk開發環境 showImg(https://segmentfault.com/img/bVboY5F?w=902&h=729); showImg...

ingood 2019-08-16 15:21 評論0 收藏0