DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 淺談js中子頁面父頁面方法 變量相互調用
淺談js中子頁面父頁面方法 變量相互調用
編輯:關於JavaScript     

(1)子頁面調用父頁面的方法或者變量:

window.parent.方法()或者變量名
window.parent相當於定位到父頁面  之後的操作和在父頁面中寫代碼一樣寫

window.parent.aa();//調取aa函數
window.parent.bb;//調取bb變量

例如:想在子頁面中得到id為aaa的文本框的值

window.parent.$("#aaa").val();//這種寫法的前提是引用了jquery 

window.parent.getElementById("aaa").value; //js的寫法

(2)父頁面調取子頁面

主要是通過contentWindow定位到子頁面

document.getElementById("childframe").contentWindow.childtest();
//調取子頁面中的childtest方法 js的寫法

var childWindow = $("#addFrame")[0].contentWindow;//獲取子窗體中的對象
childWindow.formSubmit();//調取子頁面的formSubmit方法 jquery的寫法
//注釋:其中 childframe和addFrame 都時iframe的id

以上這篇淺談js中子頁面父頁面方法 變量相互調用就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved