访问iframe中的按钮，解决方法相同的原始策略

Question

我在尝试这个：

 $.getJSON('http://whateverorigin.org/get?url=' + encodeURIComponent('url') + '&callback=?', function(data){
 var siteContents = data.contents;
  $('.button class').trigger( "click" ).exec(siteContents);
});

我看到'exec'是我们想要匹配字符串，但是如何检查iframe的内容以触发按钮。

Answer 1

如果您想构建一个系统，其中组件位于不同的源，但您仍然控制着两个源，那么您可以使用window.postMessage在文档之间进行通信：

https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage

如果您不控制iframe的来源，那么您就不走运了。允许人们将任何内容加载到iframe中并访问加载文档的DOM内容是不允许的。