js-關於iframe:從子頁面給父頁面的控制元件賦值方法

Yubaba丶發表於2019-01-08
JS控制元件賦值

專案中我們經會用到iframe，可能還會把iframe裡的數值賦值給父頁面空間。

接下來我們來說說有關於iframe賦值給父頁面的方法。

1、子頁面iframe給父頁面的控制元件賦值方法。

1 parent.document.getElementById("user").value = "wwwww";  //子視窗賦值父視窗方法一
2 parent.document.form1.shoulu.value="123"`; //子視窗賦值父視窗方法二

2.父頁面獲取iframe中的元素值的JS程式碼。

1 //根據iframe的id獲取物件  
2 var i1 = window.frames[`iframeId`];  
3 //var iframe =window.frames[0];也可以  
4 //獲取iframe中的元素值  
5 var val=i1.document.getElementById("t1").value

3.在iframe中獲取父頁面中的元素值。

1 var val = parent.document.getElementById("txt1");   
2 
3 a>window.parent.document這個是獲取父頁面document中的物件； 
4 
5 b>如果要獲取父頁面js中的方法：window.parent.xxxx()；xxxx()為方法；

 

相關文章