iframe與父頁面傳值

2021-09-08 15:01:38 字數 849 閱讀 3006

最近做的專案中用到了不少iframe,而且需要實現:

從父頁面獲取iframe中某個元素的值或則從iframe頁面獲取其父頁面上某個元素的值。

在網上查詢了相關東西,後總結如下:

(1)父頁面獲取iframe中的元素值:

js**  

//根據iframe的id獲取物件  

var i1 = window.frames['iframeid'];  

//var iframe =window.frames[0];也可以  

//獲取iframe中的元素值  

var val=i1.document.getelementbyid("t1").value  

(2)在iframe中獲取父頁面中的元素值:

js**  

var val = parent.document.getelementbyid("txt1");   

(3)a包含2個iframe分別為b,c,現在從b中獲取c中的元素的值:

js**  

var i1 = parent.window.frames['iframeid'];  

var val = i1.document.getelementbyid("text1").value;  

注意下:上邊的**適用於ie。我在ie8下測試通過,firefox3下執行不了(由於專案僅要求ie,不要求firefox

window.opener引用的是window.open開啟的頁面的父頁面。  

window.frames物件可以引用iframe裡的頁面,也可以引用frameset裡的頁面。

我上傳了測試頁面,方便大家參考。本人技術有限,有寫的不對的地方,希望朋友們指正!^_^

iframe與父頁面傳值

最近做的專案中用到了不少iframe,而且需要實現 從父頁面獲取iframe中某個元素的值或則從iframe頁面獲取其父頁面上某個元素的值。1 父頁面獲取iframe中的元素值 根據iframe的id獲取物件 var i1 window.frames iframeid var iframe wind...

子頁面傳值與父頁面傳值(上)

這樣的乙個問題 在父頁面中跳轉到子頁面後,獲取到輸入的值後傳遞給父親頁面,然後在父頁面上賦值給父頁面上得某個控制項 這裡提供兩種方法,一種是js,另外一種是ajax的 js方法 父親頁面上的js 傳遞值給子頁面 function getinfo 修改,選中並且返回值給父頁面 function com...

iframe 跨域 父頁面向子頁面傳值

今天碰到乙個需求,是不同域的兩個頁面之間傳值 在網上找了一下,一般有兩個解決方案,乙個是建立乙個 頁面,通過 頁面傳值,另乙個方法是通過h5的postmessage方法傳值,今天用的是第二種。var iframe document.getelementbyid onemap var msg var ...