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 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
Dec 11 Javascript
jQuery对表单的操作代码集合
Apr 06 Javascript
Javascript面向对象扩展库代码分享
Mar 27 Javascript
深入讲解AngularJS中的自定义指令的使用
Jun 18 Javascript
基于jQuery Bar Indicator 插件实现进度条展示效果
Sep 30 Javascript
学习javascript面向对象 javascript实现继承的方式
Jan 04 Javascript
H5移动端图片压缩上传开发流程
Nov 09 Javascript
vue.js树形组件之删除双击增加分支实例代码
Feb 28 Javascript
jQuery中table数据的值拷贝和拆分
Mar 19 Javascript
JavaScript模块化之使用requireJS按需加载
Apr 12 Javascript
vue实现简单的星级评分组件源码
Nov 16 Javascript
jQuery实现input[type=file]多图预览上传删除等功能
Aug 02 jQuery
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代码审计比较有意思的例子
2014/05/07 PHP
PHP实现的json类实例
2015/07/28 PHP
PHP树形结构tree类用法示例
2019/02/01 PHP
基于jquery的15款幻灯片插件
2011/04/10 Javascript
基于jQuery实现的水平和垂直居中的div窗口
2011/08/08 Javascript
一个支付页面DEMO附截图
2014/07/22 Javascript
jquery队列函数用法实例
2014/12/16 Javascript
使用js画图之饼图
2015/01/12 Javascript
JavaScript中判断数据类型的方法总结
2016/05/24 Javascript
Bootstrap零基础入门教程(三)
2016/07/18 Javascript
javascript实现的左右无缝滚动效果
2016/09/19 Javascript
jQuery UI制作选项卡(tabs)
2016/12/13 Javascript
vue双向绑定的简单实现
2016/12/22 Javascript
详解jQuery事件
2017/01/13 Javascript
canvas绘图不清晰的解决方案
2017/02/28 Javascript
微信小程序之选项卡的实现方法
2017/09/29 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
2017/12/15 Javascript
Webpack的dll功能使用
2018/06/28 Javascript
React+Antd+Redux实现待办事件的方法
2019/03/14 Javascript
Vue使用localStorage存储数据的方法
2019/05/27 Javascript
layui表格 返回的数据状态异常的解决方法
2019/09/10 Javascript
React中使用UMEditor的方法示例
2019/12/27 Javascript
基于javascript处理nginx请求过程详解
2020/07/07 Javascript
[01:05:12]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS CIS-GAME
2014/05/21 DOTA
[05:05]DOTA2亚洲邀请赛 战队出场仪式
2015/02/07 DOTA
Django中间件基础用法详解
2019/07/18 Python
使用Python实现分别输出每个数组
2019/12/06 Python
pytorch 实现打印模型的参数值
2019/12/30 Python
详解CSS3的图层阴影和文字阴影效果使用
2016/06/09 HTML / CSS
学生个人的自我评价分享
2013/11/05 职场文书
体育口号大全
2014/06/18 职场文书
党的群众路线教育实践活动自我剖析材料
2014/10/08 职场文书
2014年医德医风工作总结
2014/11/13 职场文书
三年级学生期末评语
2014/12/26 职场文书
酒桌上的祝酒词
2015/08/12 职场文书
MySQL详解进行JDBC编程与增删改查方法
2022/06/16 MySQL