本文主要给大家介绍了关于利用JS对iframe父子(内外)页面进行操作的方法,分享出来供大家参考学习,下面来一起看看详细的介绍:
一、获取iframe里的内容
在开始之前,首先我们来看看如何获取iframe里的内容,获取iframe中内容主要的两个API就是contentWindow
,和contentDocument iframe.contentWindow
,获取iframe的window对象 iframe.contentDocument
,获取iframe的document对象 这两个API只是DOM节点提供的方式(即getELement系列对象)
获取iframe的window对象
console.log("document",idoc); //获取iframe的document
console.log("html",idoc.documentElement);//获取iframe的html
console.log("head",idoc.head); //获取head
console.log("body",idoc.body); //获取body
实际情况如:
另外更简单的方式是,结合Name属性,通过window提供的frames获取.
Your browser does not support iframes.
调用child.html中的函数say()" onclick="callChild()"/>