如何在iframe中设置body的属性

Question

我想在iframe中为body设置一些属性。

<div id="itemdiv" >
  <iframe id="ifr" name='iframe1' src="//codepen.io/anhdayem818/pen/EjOQZE.html" ></iframe>
</div>

代码js：

$(document).ready(function(){ 
  $('#itemdiv').attr('abc','123');
  $(window.iframe1.document.getElementsByTagName("body")[0]).attr('abc','123'); 
});

代码在这里：http://codepen.io/anhdayem818/pen/eNQVWe

当我运行时，div标签添加属性<div id="itemdiv" abc="123"> 但是身体标签没有设置属性，

Answer 1

您无法在iframe中访问该文档，它与same-origin policy（您可以阅读here）有关。

您可以在iframe页面中使用第二个脚本来完成所需的工作。
如果你需要按命令完成它而不仅仅是自动完成（比如说，在用户按下主页面上的按钮之后），你应该在主页面上有一个脚本，它与iframe页面内的脚本 您可以使用.postMessage()方法;你可以阅读更多相关信息here。