javascript - jQuery 访问 iframe DOM 不起作用

Question

我有以下代码供 jQUery 访问 iframe 内的 DOM。但这是行不通的。代码有什么问题？谢谢

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>

</script>
<script type="text/javascript" >
$(document).ready(function(e) {
    $('#ifr').contents().find('div').click(function(event){
        event.preventDefault();
        console.log("this is a good thing");
    });
});
</script>
<iframe id='ifr' style='width: 80%; height: 600px;' src='http://tarjom.ir'></iframe>
<div style="width: 200px;height: 100px; border: 1px red solid;">
</div>

Answer 1

iframe 在 src 属性中具有绝对 URI。这意味着您正在尝试访问另一个域上页面的 DOM。出于安全原因，这是禁止的。