访问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的来源，那么你运气不好。由于充分的原因，允许用户将任何内容加载到其内置页框中并访问加载文档的DOM内容是不允许的。