Truy cập biến JavaScript trong iframe, từ cửa sổ mẹ trên cùng một miền

Question

Tôi khá mới với JavaScript và tôi đang cố gắng lấy giá trị của biến từ iframe được nhúng. Tôi đã sử dụng thử nghiệm cơ bản để đảm bảo rằng tôi đang nhận được đúng phương pháp ...

Tôi đã thử các đề xuất phổ biến và mọi thứ đều trả về 'không xác định'. Tôi muốn sử dụng biến trong sự kiện onclick.

Trong nội dung iframe tôi đã bị tước tất cả mọi thứ và chỉ để thử nghiệm có điều này:

<script> 
var test = "test"; 
</script> 

trong cửa sổ cha mẹ tôi đã làm điều này:

<iframe src="iframe.html" id="iframe" width="200" height="100"></iframe> 

<script> 
var myVar = window.frames[0].window.test; 
</script> 
<a href="#" onclick='alert(myVar)' id="link">Click</a> 

Tôi đã thử các tùy chọn gợi ý ở đây: grab global variable from an embedded iframe

Mọi thứ tôi trả về không xác định ... tôi có đang làm gì đó sai về cơ bản không?

Thanks in advance ..

Answer 1

Bạn đã thực hiện kịch bản khi vẫn tải, do đó, nó test là undefined. Hoặc là chờ đợi cho sự kiện load của khung nội tuyến, hoặc chỉ nhận được biến khi nhấp:

<iframe src="iframe.html" id="iframe" width="200" height="100"></iframe> 

<script> 
var myFrame = window.frames[0].window; 
</script> 
<a href="#" onclick='alert(myFrame.test)' id="link">Click</a> 

Answer 2

Bạn đang dường như không chờ đợi cho nội dung của khung được nạp trước khi truy cập myVar. Rất có thể là yếu tố <script> trong khung chưa được tìm nạp hoặc thực hiện khi bạn làm điều đó.

Cố gắng trì hoãn việc giao biến cho đến khi nội dung của khung được nạp đầy đủ:

<iframe src="iframe.html" id="iframe" onload="frameLoaded();" width="200" height="100"></iframe> 

<script> 
    var myVar; 
    function frameLoaded() { 
     myVar = window.frames[0].window.test; 
    } 
</script> 

Là một sang một bên, kể từ khi câu hỏi của bạn được gắn thẻ jquery tôi sẽ đề nghị bạn viết một cái gì đó như:

<iframe src="iframe.html" id="iframe" width="200" height="100"></iframe> 

<script> 
    $("#iframe").on("load", function() { 
     var myVar = this.window.test; 
     $("#link").on("click", function() { 
      alert(myVar); 
     }); 
    }); 
</script> 

Answer 3

thử để sử dụng số điện thoại này

<iframe src="iframe.html" id="iframe" onload="loader()" width="200" height="100"> </iframe> 

<script> 
    var myVar 
    function loader(){ 
     myVar = window.frames[0].window.test; 
    } 
</script> 
<a href="#" onclick='alert(myVar)' id="link">Click</a> 

Answer 4

Trong giải pháp sang một bên, tôi j ust muốn chỉ ra rằng khi bạn sử dụng hàm xử lý sự kiện onload jquery và bạn muốn truy cập đối tượng jquery "this" này, bạn phải sử dụng ký hiệu $ (this.attr) này.