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 相关文章推荐
海量经典的jQuery插件集合
Jan 12 Javascript
JavaScript中instanceof与typeof运算符的用法及区别详细解析
Nov 19 Javascript
js实现checkbox全选和反选示例
May 01 Javascript
JS 获取鼠标左右键的键值方法
Oct 11 Javascript
javascript中的遍历for in 以及with的用法
Dec 22 Javascript
JS实现Fisheye效果动感放大菜单代码
Oct 21 Javascript
jQuery实现选项卡切换效果简单演示
Dec 09 Javascript
jQuery实现背景弹性滚动的导航效果
Jun 01 Javascript
js Canvas绘制圆形时钟效果
Feb 17 Javascript
基于vue实现分页效果
Nov 06 Javascript
AngularJS实现的2048小游戏功能【附源码下载】
Jan 03 Javascript
详解package.json版本号规则
Aug 01 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分页函数
2006/07/08 PHP
PHP通过header实现文本文件下载的代码
2010/08/08 PHP
php适配器模式介绍
2012/08/14 PHP
php sybase_fetch_array使用方法
2014/04/15 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(五)
2014/06/23 PHP
PHP实现搜索相似图片
2015/09/22 PHP
php微信公众号开发之图片回复
2018/10/20 PHP
php array_chunk()函数用法与注意事项
2019/07/12 PHP
PHP日期和时间函数的使用示例详解
2020/08/06 PHP
js 表单验证方法(实用)
2009/04/28 Javascript
图片连续滚动代码[兼容IE/firefox]
2009/06/11 Javascript
!DOCTYPE声明对JavaScript的影响分析
2010/04/12 Javascript
jquery中的mouseleave和mouseout的区别 模仿下拉框效果
2012/02/07 Javascript
这些年、我收集的JQuery代码小结
2012/08/01 Javascript
javascript 回到顶部效果的实现代码
2014/02/17 Javascript
js防止DIV布局滚动时闪动的解决方法
2014/10/30 Javascript
javascript感应鼠标图片透明度显示的方法
2015/02/24 Javascript
javascript实现校验文件上传控件实例
2015/04/20 Javascript
纯css下拉菜单 无需js
2016/08/15 Javascript
JavaScript获取键盘按键的键码(参照表)
2017/01/10 Javascript
jQuery元素选择器实例代码
2017/02/06 Javascript
AngularJS实现的JSONP跨域访问数据传输功能详解
2017/07/20 Javascript
教你30秒发布一个TypeScript包到NPM的方法步骤
2019/07/22 Javascript
jquery实现轮播图特效
2020/04/12 jQuery
python 用lambda函数替换for循环的方法
2018/06/09 Python
python实现合并两个排序的链表
2019/03/03 Python
Python实现二叉树前序、中序、后序及层次遍历示例代码
2019/05/18 Python
Django项目使用CircleCI的方法示例
2019/07/14 Python
python 动态绘制爱心的示例
2020/09/27 Python
html5 Canvas绘制线条 closePath()实例代码
2012/05/10 HTML / CSS
去加拿大的旅行和假期:Canadian Affair
2016/10/25 全球购物
技校生自我鉴定
2013/12/08 职场文书
教师应聘个人求职信
2013/12/10 职场文书
创建青年文明号材料
2014/05/09 职场文书
小学捐书活动总结
2014/07/05 职场文书
正确的理解和使用Django信号(Signals)
2021/04/14 Python