当iframe完成加载时JavaScript回调？

Question

当iframe完成加载时JavaScript回调？当iframe完成加载时，我需要执行回调。我无法控制iframe中的内容，所以我不能从那里启动回调。这个iframe是编程创建的，我需要将其数据作为回调中的变量传递，并销毁iframe。有什么想法吗？编辑：我现在拥有的是：function xssRequest(url, callback){     var iFrameObj = document.createElement('IFRAME');     iFrameObj.src = url;                 document.body.appendChild(iFrameObj);        $(iFrameObj).load(function()      {         document.body.removeChild(iFrameObj);         callback(iFrameObj.innerHTML);     });}此回调在iframe加载之前进行，因此回调不返回数据。

Answer 1

首先，使用函数名xssRequest听起来你在尝试跨站点请求-如果是这样的话，你将无法读取iframe的内容。

另一方面，如果iframe的URL在您的域中，您可以访问主体，但是我发现，如果我使用超时来删除iframe，回调可以正常工作：

// possibly excessive use of jQuery - but I've got a live working example in production$('#myUniqueID').load(function () {
  if (typeof callback == 'function') {
    callback($('body', this.contentWindow.document).html());
  }
  setTimeout(function () {$('#frameId').remove();}, 50);});

Answer 2

我使用的是jQuery，令人惊讶的是，这似乎是加载的，因为我刚刚测试并加载了一个沉重的页面，直到我看到iframe加载时才收到警报：

$('#the_iframe').load(function(){
    alert('loaded!');});

因此，如果您不想使用jQuery，看看它们的源代码，看看这个函数在iframe DOM元素中的行为是否不同，我将在稍后查看它。