js中子框架和父框架的通信iframe

iframe父子框架通信

1.获取父框架的内容

window.parent.name;//name为你要获取的值的名称

parent.document.getElementById(“id”); //根据id获取父框架对象

parent.document.getElementByTagName(“name”); //根据name获取父框架对象

2.获取子框架的内容

document.getElementById(“id”).contentWindow.document.getElementById(“childId”);

根据子窗口Id获取子框架内容,根据子框架的childId,获取框架对象。

document.getElementById(“id”).contentWindow可以获得子窗口的window对象

3.父框架引用子框架

window.frames; //获取父窗口中的所有子框架对象,返回的是一个window对象数组

window.frames["frameName"];//根据框架名称获取子框架的window对象,frameName为框架name值

window.frames["frameName"].functionName; //父框架调用子框架的方法。functionName为方法名

4.子框架引用父框架

每一个window对象都有一个parent属性,该属性代表着父窗口。

如果当前窗口为顶层窗口,则window.parent仍表示本身窗口。

window.parent.reload();//刷新父框架

5.兄弟框架之间的引用

self.parent.frames["frameName"];

6.引用顶层框架

每个window对象都有一个top属性,表示顶层窗口

window.top.frames; //获取顶层框架中的所有子框架

7.改变框架载入的页面

每个window对象都有一个location属性,可以改变框架的载入路径。

window.frames[0].loaction(“url”); //重载第一个子框架的内容,文件路径为url。

承接各种网站开发与修改、爬虫、数据采集分析、小程序等任务

Html+Css+JS+PHP+Nodejs+Python

专治网站各种不服

一起探讨,互相学习,共同进步!有事儿您说话。

This entry was posted in JavaScript and tagged , , by 织梦先生. Bookmark the permalink.