iframe的父子視窗之間的對象相互調用基本用法_javascript技巧

使用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');