iframe父子頁面呼叫方法及傳參

2021-10-13 12:40:08 字數 665 閱讀 9066

在用 iframe的時候,不得不對子頁面或父頁面進行操作,或者傳遞引數,這時就需要用獨特的方法實現了,實現辦法也簡單:

案例中,父級頁面通過 iframe獲取子頁面的引數,並通過子頁面呼叫父頁面的方法,將彈框關閉,實現父子頁面方法和引數共享。

注意點: 1.父頁面寫好:子頁面呼叫父頁面的方法

2.子頁面通過 parent方法獲取呼叫父級的方法,也可以傳參!

另外,如果有多個父頁面,就乙個子頁面,針對不同父頁面返回不一樣的引數,子頁面怎麼辦?千萬不要複製多個子頁面,去一一對應,通過:parent.location.pathname 可以獲取當前父頁面的**位址,然後去匹配父頁面的檔名就行了,匹配的話,可以用正則、indexof()都可以,用自己擅長的。

父頁面**:

開啟子頁面

子頁面**:

子頁面的值為:2020-12-22 這是我的秘密!

返回父頁面,並關閉iframe

原始出處 、作者資訊和本宣告。否則將追究法律責任。

iframe父子頁面呼叫方法及傳參 -

qui-note

iframe 父子頁面方法呼叫

iframe具有以下屬性 1 frameborder 設為1代表顯示周圍邊框,設定為0不顯示周圍邊框 2 height 設定iframe的高度 3 width 設定iframe的寬度 4 longdesc 屬性值為url 規定乙個頁面,該頁面包含了有關 iframe 的較長描述 5 marginhe...

H5 0040 iframe 父子頁面方法呼叫

父頁面與子頁面互動 父頁面獲取子頁面的window物件 原生js獲取方式 var framewin document.getelementbyid ifr contentwindow 或var framewin document.getelementsbytagname iframe 0 conte...

iFrame父子頁面相互呼叫

子頁面 父頁面 parent.aparent.getb id window.parent.document id為父頁面元素 jq btnok parent.document click window.parent.document.getelementbyid id window.parent.d...