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 相关文章推荐
javascript实现禁止鼠标滚轮事件
Jul 24 Javascript
window.location.hash知识汇总
Nov 09 Javascript
JS实现图片垂直居中显示小结
Dec 13 Javascript
jQuery.Validate表单验证插件的使用示例详解
Jan 04 Javascript
Bootstrap表单控件学习使用
Mar 07 Javascript
原生JS实现左右箭头选择日期实例代码
Mar 14 Javascript
vue 配置多页面应用的示例代码
Oct 22 Javascript
JavaScript惰性求值的一种实现方法示例
Jan 11 Javascript
sortable+element 实现表格行拖拽的方法示例
Jun 07 Javascript
JavaScript中的ES6 Proxy的具体使用
Jun 16 Javascript
17道题让你彻底理解JS中的类型转换
Aug 08 Javascript
解决ant Design Search无法输入内容的问题
Oct 29 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
3.从实例开始
2006/10/09 PHP
PHP实现采集程序原理和简单示例代码
2007/03/18 PHP
php使用json_encode对变量json编码
2014/04/07 PHP
LAMP环境使用Composer安装Laravel的方法
2017/03/25 PHP
TP5(thinkPHP5框架)基于bootstrap实现的单图上传插件用法示例
2019/05/29 PHP
JavaScript的类型简单说明
2010/09/03 Javascript
jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
2013/06/27 Javascript
jquery 检测元素是否存在的实例代码
2013/11/19 Javascript
js数组转json并在后台对其解析具体实现
2013/11/20 Javascript
jquery使用jquery.zclip插件复制对象的实例教程
2013/12/04 Javascript
JavaScript定义变量和变量优先级问题探讨
2014/10/11 Javascript
jQuery拖拽插件gridster使用指南
2015/04/21 Javascript
js父页面中使用子页面的方法
2016/01/09 Javascript
详解JavaScript中this的指向问题
2017/01/20 Javascript
JS变量中有var定义和无var定义的区别以及es6中let命令和const命令
2017/02/19 Javascript
简单实现js菜单栏切换效果
2017/03/04 Javascript
详解Vue-Cli 异步加载数据的一些注意点
2017/08/12 Javascript
js实现扫雷小程序的示例代码
2017/09/27 Javascript
Vue源码探究之虚拟节点的实现
2019/04/17 Javascript
JavaScript页面加载事件实例讲解
2019/09/01 Javascript
layui type2 通过url给iframe子页面传值的例子
2019/09/06 Javascript
Vue+Java+Base64实现条码解析的示例
2020/09/23 Javascript
python远程登录代码
2008/04/29 Python
python的迭代器与生成器实例详解
2014/07/16 Python
使用Python处理BAM的方法
2018/09/28 Python
python中return的返回和执行实例
2019/12/24 Python
解决Keras 与 Tensorflow 版本之间的兼容性问题
2020/02/07 Python
python实现从尾到头打印单链表操作示例
2020/02/22 Python
django 解决扩展自带User表遇到的问题
2020/05/14 Python
如何把python项目部署到linux服务器
2020/08/26 Python
美国LOGO设计公司:The Logo Company
2018/07/16 全球购物
护理专业毕业生自荐信范文
2014/01/05 职场文书
细节决定成败演讲稿
2014/05/12 职场文书
巴西世界杯32强口号
2014/06/05 职场文书
博士生专家推荐信
2014/09/26 职场文书
写一个Python脚本自动爬取Bilibili小视频
2021/04/24 Python