为什么我无法使用常见方法访问同一域上的iframe？

Question

<script>
$( "#frameDemo" ).contents().find( "a" ).css( "background-color", "#BADA55" );
</script>

来自JQ docs。

问题是我在localhost上做了吗？

  <script>
    $(document).ready(function(){

      $('#sample_test').contents().find('a').css('color', 'red')
    })

</script>
<iframe src="http://localhost:3000/tests/384"  width="100%" seamless="seamless"  height="1150px" scrolling="no" id="sample_test"></iframe>

由于某些原因，对我不起作用。

Answer 1

您必须向iframe添加onload事件才能执行此操作。在调用document.ready时，iframe可能会被完全加载。

但是，只有iframe中的来源来自同一个域时，这才有效。