javascript - 等待 iframe 在 JavaScript 中加载

Question

我正在用 JavaScript 打开一个 iframe:

righttop.location = "timesheet_notes.php";

然后想给它传递信息:

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

很明显，在页面完全加载到 iframe 中之前，该行不会起作用，并且可以写入该表单元素。

那么，解决这个问题的最佳/最有效方法是什么？某种超时循环？理想情况下，我真的很想将它全部包含在这个特定的脚本中，而不是必须向正在打开的页面添加任何额外的东西。

Answer 1

首先，我认为您应该影响 iframe 的 src 属性，而不是 location。其次， Hook iframe 的 load 事件以执行您的更改:

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

同样，这一切都假设您指的是i框架，而不是框架集。