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实现的支持lrc歌词的播放器
May 17 Javascript
jQuery 美元符冲突的解决方法
Mar 28 Javascript
Javascript计算时间差的函数分享
Jul 04 Javascript
jquery中ajax学习笔记3
Oct 16 Javascript
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
Apr 17 Javascript
解析Javascript中难以理解的11个问题
Dec 09 Javascript
全面解析jQuery $(document).ready()和JavaScript onload事件
Jun 08 Javascript
详解获取jq ul第一个li定位的四种解决方案
Nov 23 Javascript
js仿iphone秒表功能 计算平均数
Jan 11 Javascript
react-navigation 如何判断用户是否登录跳转到登录页的方法
Dec 01 Javascript
微信小程序中为什么使用var that=this
Aug 27 Javascript
Vue 利用指令实现禁止反复发送请求的两种方法
Sep 15 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
espresso double下 咖啡粉超细时 饼压力对咖啡的影响
2021/03/03 冲泡冲煮
PHP中在数据库中保存Checkbox数据(1)
2006/10/09 PHP
php读取html并截取字符串的简单代码
2009/11/30 PHP
php数组函数序列之array_keys() - 获取数组键名
2011/10/30 PHP
php获取远程图片的两种 CURL方式和sockets方式获取远程图片
2011/11/07 PHP
PHP实现二叉树深度优先遍历(前序、中序、后序)和广度优先遍历(层次)实例详解
2018/04/20 PHP
一个加密JavaScript的开源工具PACKER2.0.2
2006/11/04 Javascript
JS实现兼容性较好的随屏滚动效果
2015/11/09 Javascript
AngularJS在IE8的不支持的解决方法
2016/05/13 Javascript
JS代码实现table数据分页效果
2016/05/26 Javascript
PHP+jquery+ajax实现分页
2016/12/09 Javascript
简单实现js浮动框
2016/12/13 Javascript
原生js实现商品放大镜效果
2017/01/12 Javascript
jQuery插件HighCharts实现的2D对数饼图效果示例【附demo源码下载】
2017/03/09 Javascript
详解Vue 方法与事件处理器
2017/06/20 Javascript
vue.js数据绑定的方法(单向、双向和一次性绑定)
2017/07/13 Javascript
AngularJS中控制器函数的定义与使用方法示例
2017/10/10 Javascript
详谈DOM简介及节点、属性、查找节点的方法
2017/11/16 Javascript
javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)
2019/05/07 Javascript
有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案
2020/05/09 Javascript
列举Python中吸引人的一些特性
2015/04/09 Python
spark: RDD与DataFrame之间的相互转换方法
2018/06/07 Python
python批量修改图片后缀的方法(png到jpg)
2018/10/25 Python
在python带权重的列表中随机取值的方法
2019/01/23 Python
详解PyTorch中Tensor的高阶操作
2019/08/18 Python
tensorflow 20:搭网络,导出模型,运行模型的实例
2020/05/26 Python
让IE可以变相支持CSS3选择器
2010/01/21 HTML / CSS
详解HTML5中div和section以及article的区别
2015/07/14 HTML / CSS
柯基袜:Corgi Socks
2017/01/26 全球购物
临床医学应届生求职信
2013/11/06 职场文书
给同事的道歉信
2014/01/11 职场文书
人事代理委托书
2014/09/27 职场文书
导游词之阳朔遇龙河
2019/12/16 职场文书
SQL Server2019数据库之简单子查询的具有方法
2021/04/27 SQL Server
Python  lambda匿名函数和三元运算符
2022/04/19 Python
html解决浏览器记住密码输入框的问题
2023/05/07 HTML / CSS