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

stormzhang 發(fā)布于2019-08-22 11:04 / 2287人閱讀

摘要：關(guān)鍵點把方法中的局部變量轉(zhuǎn)變成父頁面的全局變量。得到頁的窗口對象，執(zhí)行頁的方法如果是要在父頁面的中調(diào)用子頁面的方法，直接使用就可以了，參數(shù)也能直接傳遞過去。

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

父頁面layerIframeTest.html：

子頁面subPage.html：





iframe頁面








       


         
           
              
                    無數(shù)據(jù)

云服務(wù)器 GPU云服務(wù)器 iframe調(diào)用父頁面js html頁面加載調(diào)用 js調(diào)用百度頁面 js+調(diào)用另一個頁面的數(shù)據(jù)

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/91716.html

相關(guān)文章

vue2實踐（持續(xù)更新）

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

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

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

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

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

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

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

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

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

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