iframe的父子窗口之間的對象相互調用基本用法

2019-11-20 22:20:29

字體：大中小

來源：轉載

供稿：網友

使用iframe的時候，可能會涉及到父子窗口之間傳值和方法的相互調用，之前一直有些迷糊，也沒有著意去弄清楚，這兩天要干活，沒法子了只好把這都弄明白了。其實非常簡單，就那么幾個用法，幾句代碼而已。

子窗口中調用父窗口的js方法：

復制代碼代碼如下:

parent.changeBtnTitle('tzgg');

一個父窗口中可能會有若干個功能行為類似的子窗口，子窗口中的組件要調用相同或者類似的對象或者方法，那么就把這樣的方法寫在父窗口中，通過傳遞參數來達到不同的效果。

父窗口獲得子窗口中的某個對象：

首先要獲得子窗口的iframe對象，比如：

復制代碼代碼如下:

var frameName = window.frames["frameId"]

然后要獲得該子窗口的document值，然后就可以調用子窗口中的對象了。在父窗口中使用時為避免反復書寫，不妨寫成一個方法：

復制代碼代碼如下:

 
getSubWindowObj = function(moduleName){ 
return window.frames["iframe"+moduleName].document.getElementById("moreorless"+moduleName); 
} 

這里只用了一個參數，只因為我的iframeId和子窗口的對象Id名字起的有規律，只需傳入一個參數拼接之后就可以餓了。

同樣，子頁面調用父頁面的元素，可以使用如下代碼：

復制代碼代碼如下:

 
parent.window.document.getElementById('parentMenu'); 
//簡寫 
parent.document.getElementById('parentMenu'); 

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

2019-10-23 09:17:05

2019-10-21 09:20:02

2019-10-21 09:00:12

2019-09-26 08:57:12

2019-09-25 08:46:36

2019-09-25 08:15:43

疑難解答

圖片精選

網友關注