javascript - 访问动态创建的跨域 iFrame 内的元素？

Question

我想访问 iFrame 内的元素，但由于调用 iFrame 的方式，我没有成功。

This is the target page (www1.k9webprotection.com/...).

iframe 位于不同的子域上:

<iframe src="http://license.k9webprotection.com/..." ...></iframe>

在加载 iframe 时设置超时或事件监听器没有帮助。

Answer 1

两个文档都放置在不同的(子)域中，默认情况下它们无法通过 JavaScript 进行交互。

您必须设置domain两个文档的值相同。

将其放在<head/>中的某个位置两页的:

<script  type="text/javascript">
document.domain='k9webprotection.com'
</script>

...然后等待onload -iframe 的事件，您应该能够从父页面访问 iframe 内的文档(反之亦然)。

GreaseMonkey 的示例脚本(简单地覆盖 iframe 的主体):

// ==UserScript==
// @name        k9
// @namespace   k9
// @include     http://www1.k9webprotection.com/get-k9-web-protection-free
// @include     http://license.k9webprotection.com/license.jsp*
// @version     1
// @grant       none
// ==/UserScript==


document.domain= 'k9webprotection.com';
if(self===top){  
  try{
    $('iframe.getk9iframe').load(function(){
       $('body',this.contentDocument)
        .text('gotcha')
          .css({background:'red',fontSize:'3em'});
    });
    alert("I'm the document in the top-window");
  }
  catch(e){}
}