Chrome下ifame父窗口调用子窗口的问题示例探讨


Posted in Javascript onMarch 17, 2014

项目中遇到的一个浏览器不兼容问题:

在IE和Firefox下直接在ifame框架页的父窗口用子窗口的name调用子窗口的js函数都好使,在Chrome下不好使。

<frameset rows="108,*,30" border="0" frameSpacing="0" frameBorder="0"> 
<frame name="header" scrolling="no" noresize src="base/header" /> 
<frame id="memuMain" name="main" scrolling="no" noresize src="${ctx}/index.jsp" /> 
<frame name="footer" scrolling="no" noresize src="base/footer" /> 
<noframes> 
<body> 
<p>此网页使用了框架,但您的浏览器不支持框架。</p> 
</body> 
</noframes> 
</frameset>

在IE和Firefox下可以这样写:
function changeMenu(menu_id){ 
header.window.changeMenu(menu_id); 
}

或者是:
function changeMenu(menu_id){ 
frames[0].changeMenu(menu_id); 
}

都可以 ,

在Chrome下只能用第二种写法,所以需要考虑多种浏览器兼容问题的时候应采用第二种写法。

Javascript 相关文章推荐
网页的标准,IMG不支持onload标签怎么办
Jun 29 Javascript
javascript面向对象编程代码
Dec 19 Javascript
js动态删除div元素基本思路及实现代码
May 08 Javascript
Visual Studio中js调试的方法图解
Jun 30 Javascript
深入理解JavaScript系列(25):设计模式之单例模式详解
Mar 03 Javascript
PHP守护进程实例
Mar 06 Javascript
JS定时检测任务任务完成后执行下一步的解决办法
Dec 22 Javascript
基于JS实现二维码图片固定在右下角某处并跟随滚动条滚动
Feb 08 Javascript
详解Angular 4.x Injector
May 04 Javascript
JavaScript之面向对象_动力节点Java学院整理
Jun 29 Javascript
使用vue制作FullPage页面滚动效果
Aug 21 Javascript
深入解读VUE中的异步渲染的实现
Jun 19 Javascript
javascript读取Xml文件做一个二级联动菜单示例
Mar 17 #Javascript
javascript的解析执行顺序在各个浏览器中的不同
Mar 17 #Javascript
jquery禁用右键单击功能屏蔽F5刷新
Mar 17 #Javascript
jquery自动将form表单封装成json的具体实现
Mar 17 #Javascript
获取当前点击按钮的id用this.id实现
Mar 17 #Javascript
jquery如何根据值设置默认的选中项
Mar 17 #Javascript
jquery插件开发之实现md5插件
Mar 17 #Javascript
You might like
php中变量及部分适用方法
2008/03/27 PHP
超级实用的7个PHP代码片段分享
2012/01/05 PHP
php中邮箱地址正则表达式实现与详解
2012/04/24 PHP
php对数组排序的简单实例
2013/12/25 PHP
php中count获取多维数组长度的方法
2014/11/03 PHP
php中将一个对象保存到Session中的方法
2015/03/13 PHP
PHP构造函数与析构函数用法示例
2016/09/28 PHP
JQuery Study Notes 学习笔记(一)
2010/08/04 Javascript
Eval and new funciton not the same thing
2012/12/27 Javascript
js获取或设置当前窗口url参数的小例子
2013/10/14 Javascript
两种不同的方法实现js对checkbox进行全选和反选
2014/05/13 Javascript
JavaScript fontcolor方法入门实例(按照指定的颜色来显示字符串)
2014/10/17 Javascript
Angularjs中controller的三种写法分享
2016/09/21 Javascript
Actionscript与javascript交互实例程序(修改)
2016/09/22 Javascript
getElementById().innerHTML与getElementById().value的区别
2016/10/27 Javascript
JS访问DOM节点方法详解
2016/11/29 Javascript
利用jQuery实现一个简单的表格上下翻页效果
2017/03/14 Javascript
使用vue.js编写蓝色拼图小游戏
2017/03/17 Javascript
canvas实现弧形可拖动进度条效果
2017/05/11 Javascript
jQuery实现div跟随鼠标移动
2020/08/20 jQuery
vue实现移动端input上传视频、音频
2020/08/18 Javascript
python实现360的字符显示界面
2014/02/21 Python
Python搭建HTTP服务器和FTP服务器
2017/03/09 Python
Python subprocess模块常见用法分析
2018/06/12 Python
Matplotlib中文乱码的3种解决方案
2018/11/15 Python
python 获取毫秒数,计算调用时长的方法
2019/02/20 Python
python输入多行字符串的方法总结
2019/07/02 Python
python opencv实现图片缺陷检测(讲解直方图以及相关系数对比法)
2020/04/07 Python
使用Python对Dicom文件进行读取与写入的实现
2020/04/20 Python
python tkinter实现连连看游戏
2020/11/16 Python
丹尼尔惠灵顿手表天猫官方旗舰店:Daniel Wellington
2017/08/25 全球购物
公司门卫岗位职责
2014/03/15 职场文书
工作作风承诺书
2014/08/30 职场文书
手机销售员岗位职责
2015/04/11 职场文书
入团介绍人意见范文
2015/06/04 职场文书
Java处理延时任务的常用几种解决方案
2022/06/01 Java/Android