当前位置：首页 > 资讯 > 技术文档

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

时间：2022-04-07 19:13 编辑：来源：阅读：
扫一扫，手机访问

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

调用父级中的 aaa的函数 [b]子页面中:[/b]

onclick="window.parent.frames.aaa()"

[b]父页面中:[/b]

function aaa()
{
alert(‘bbbbb');
}

frame框架里的页面要改其他同框架下的页面或父框架的页面就用parent window.opener引用的是window.open打开的页面的父页面。 window.frames对象可以引用iframe里的页面,也可以引用frameset里的页面. 可以这样

window.frames[0].document.getElementById(‘xx');

可以这样

window.frames[0].document.body.innerHTML;

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

[b]对于firefox[/b] 如果你遇到报错：parent.document.frames has no properties 换为如下代码就可以了，这个代码IE,ff兼容. frm = window.parent.window.frames[‘uploadFrame'];其实 frames 集合并不是挂在 document 而是挂在 window 对象下. 注意这样修改frame里的页面有限制，就是必须是同域下的，否则无法访问如果是同一域下，但是子域名不同，那么涉及到的js，html文件都加上一句。

document.domain = xxx.com [这里填写你的域名]

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

[b]js弹窗页面后调用父页面函数[/b] (例如：调用父页面函数test2()) window.opener.test2(); 框架子页面调用上一个页面方法 (例如：上一页面的框架frame名为menuBar，调用onhook()函数) window.top.frames["menuBar"].onhook(); js弹窗页面调用父页面框架子页面函数 (如：弹窗页面调用，frame名为menuBar) window.opener.top.frames['menuBar'].onhook(); 以上就是小编为大家带来的js调用父框架函数与弹窗调用父页面函数的简单方法全部内容了，希望大家多多支持编程素材网~

全部评论(0)

上一篇：浅析JavaScript函数的调用模式
下一篇：AngularJS中一般函数参数传递用法分析

资讯排行榜
更多>>