JavaScript实现跨iframe操作对象方法

2017年07月26日 16:54:25益点益滴2741

JavaScript跨iframe或frame操作对象一般是指框架网页中的DOM元素。在实际开发中有些时候我们会遇到通过一个frame中的对象去操作另一个frame中的对象,那么这种情况就需要跨frame操作了。

首先我们需要先了解一些跨frame操作的语法:

1.获取整个页面的窗口 (这种方式找到的是窗口对象)

window.frames;//获取整个页面中的窗口

window.frames['frame的name属性值'];//获取对应名字的frame


2.通过id获取对应的窗口(这种找到的是DOM对象)

document.getElementById("frame的id");


3.跨窗口获取(这种找到的是DOM对象)

window.parent.document.getElementById("frame的id");


所以要想操作frame或者ifame则用第2,3种方法即可。

如果要想操作frame或者ifame里面的元素则要先找到窗口对象,然后在找对应的元素。

window.frames['frame的name'].document.getElementById("元素id");

超赞,真给力!嗯,必须鼓励~

打赏0
账号:mxy310@163.com[复制]
账号:77940140[复制]