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

 更新时间:2016年11月01日 10:26:54   投稿:jingxian   我要评论
下面小编就为大家带来一篇js调用父框架函数与弹窗调用父页面函数的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

调用父级中的 aaa的函数

子页面中:

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

父页面中:

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页面里的一个函数

对于firefox

如果你遇到报错: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');

js弹窗页面后调用父页面函数

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

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

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

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

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

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

相关文章

  • 完美的js图片轮换效果

    完美的js图片轮换效果

    这篇文章主要为大家详细介绍了完美的js图片轮换效果,包括左右移动和缓动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • JavaScript自动设置IFrame高度的小例子

    JavaScript自动设置IFrame高度的小例子

    JavaScript自动设置IFrame高度的小例子,需要的朋友可以参考一下
    2013-06-06
  • 认识less和webstrom的less配置方法

    认识less和webstrom的less配置方法

    下面小编就为大家带来一篇认识less和webstrom的less配置方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • 原生js代码能实现call和bind吗

    原生js代码能实现call和bind吗

    这篇文章主要介绍了原生js代码能实现call和bind吗,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • js技巧--转义符"\"的妙用

    js技巧--转义符"\"的妙用

    js技巧--转义符"\"的妙用...
    2007-01-01
  • JAVASCRIPT keycode总结

    JAVASCRIPT keycode总结

    JAVASCRIPT中keycode总结,方便需要控制keycode的朋友
    2009-02-02
  • javascript实现简单的贪吃蛇游戏

    javascript实现简单的贪吃蛇游戏

    本文很简单,给大家分享了一段使用javascript实现简单的贪吃蛇游戏的代码,算是对自己学习javascript的一次小小的总结,代码参考了网友的部分内容,推荐给大家,希望对大家能够有所帮助。
    2015-03-03
  • js函数定时器实现定时读取系统实时连接数

    js函数定时器实现定时读取系统实时连接数

    这篇文章主要介绍了使用js函数定时器实现定时读取系统实时连接数,需要的朋友可以参考下
    2014-04-04
  • Javascript操作cookie的函数代码

    Javascript操作cookie的函数代码

    之前发布了javascript操作cookie一个大全里面有很多知识,大家可以在本站搜索,另外今天遇到js操作cookie又增加2款方法一个是简单版本、一个是封装版本,特意分享给大家
    2012-10-10
  • JavaScript判断变量是否为数组的方法(Array)

    JavaScript判断变量是否为数组的方法(Array)

    这篇文章主要介绍了JavaScript判断变量是否为数组的方法(Array),涉及到javascript 数组 变量相关知识,感兴趣的朋友一起学习吧
    2016-02-02

最新评论