Chờ cho iframe để tải trong JavaScript

Question

Tôi mở một iframe trong JavaScript:

righttop.location = "timesheet_notes.php"; 

và sau đó muốn chuyển thông tin với nó:

righttop.document.notesform.ID_client.value = Client; 

Rõ ràng tuy nhiên, dòng đó sẽ không để làm việc cho đến khi trang đã được tải đầy đủ trong khung nội tuyến và phần tử biểu mẫu đó sẽ được ghi vào đó.

Vì vậy, cách tốt nhất/hiệu quả nhất để giải quyết vấn đề này là gì? Một số loại vòng lặp thời gian chờ? Lý tưởng nhất là tôi thực sự muốn giữ tất cả nó trong tập lệnh cụ thể này, thay vì phải thêm bất kỳ nội dung bổ sung nào vào trang đang được mở.

Answer 1

Trước hết, tôi tin rằng bạn có nghĩa vụ phải ảnh hưởng đến tài sản src của iframe, chứ không phải location. Thứ hai, móc sự kiện của iframe load để thực hiện thay đổi của bạn:

var myIframe = document.getElementById('righttop'); 
myIframe.addEventListener("load", function() { 
    this.contentWindow.document.notesform.ID_client.value = Client; 
}); 
myIframe.src = 'timesheet_notes.php'; 

Một lần nữa, đây là tất cả giả sử bạn có nghĩa là i khung, không khung.

Answer 2

Tôi đoán bạn có thể dễ dàng thực hiện việc này với jQuery ... jQuery Home Chỉ cần móc trang vào jQuery $ function() ... ví dụ:

$(document).ready(function() { 
$('iframe').load(function() { 
    // write your code here.... 
} 

Có một cái nhìn lướt qua các ví dụ tập tin tải lên ở đây: Using iframes for multiple file uploads...

Answer 3

thử một này ...

$('iframe').each(function() { 
    $(this).ready(function() { 
     $('#result').html("ready"); 
    }); 
});