js调用父框架函数与弹窗调用父页面函数的简单方法

前端之家收集整理的这篇文章主要介绍了js调用父框架函数与弹窗调用父页面函数的简单方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

调用父级中的 aaa的函数

页面中:

页面中:

frame框架里的页面要改其他同框架下的页面或父框架的页面就用parent

window.opener引用的是window.open打开的页面的父页面

window.frames对象可以引用iframe里的页面,也可以引用frameset里的页面.

可以这样

可以这样

frm = window.parent.window.frames[‘uploadFrame'];
frmDocument = frm.document;
frm.sb(3); //sb 是uploadFrame页面里的一个函数

对于firefox

如果你遇到报错:parent.document.frames has no properties

换为如下代码就可以了,这个代码IE,ff兼容. frm = window.parent.window.frames[‘uploadFrame'];其实 frames 集合并不是挂在 document 而是挂在 window 对象下.

注意这样修改frame里的页面有限制,就是必须是同域下的,否则无法访问

如果是同一域下,但是子域名不同,那么涉及到的js,html文件加上一句。

document.getElementById(‘iframeid').contentWindow.document.getElementById(‘someelementid');

js弹窗页面调用页面函数

(例如:调用页面函数test2()) window.opener.test2();

框架子页面调用上一个页面方法

(例如:上一页面的框架frame名为menuBar,调用onhook()函数) window.top.frames["menuBar"].onhook();

js弹窗页面调用页面框架子页面函数

(如:弹窗页面调用,frame名为menuBar) window.opener.top.frames['menuBar'].onhook();

以上就是小编为大家带来的js调用父框架函数与弹窗调用页面函数的简单方法全部内容了,希望大家多多支持编程之家~

原文链接:https://www.f2er.com/js/44735.html

猜你在找的JavaScript相关文章