利用JS对iframe父子(内外)页面进行操作的方法教程

前端之家收集整理的这篇文章主要介绍了利用JS对iframe父子(内外)页面进行操作的方法教程前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文主要给大家介绍了关于利用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()"/>