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 哈希表(hashtable)的简单实现
Jan 20 Javascript
Jquery中的层次选择器与find()的区别示例介绍
Feb 20 Javascript
node.js中的console.log方法使用说明
Dec 09 Javascript
JS实现的生成随机数的4个函数分享
Feb 11 Javascript
实现音乐播放器的代码(html5+css3+jquery)
Aug 04 Javascript
JS实现超精简的链接列表在固定区域内滚动效果代码
Nov 04 Javascript
jQuery UI制作选项卡(tabs)
Dec 13 Javascript
js实现的xml对象转json功能示例
Dec 24 Javascript
解决bootstrap下拉菜单点击立即隐藏bug的方法
Jun 13 Javascript
详解JS数组Reduce()方法详解及高级技巧
Aug 18 Javascript
javascript动态创建对象的属性详解
Nov 07 Javascript
JS根据json数组多个字段排序及json数组常用操作
Jun 06 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/12/14 PHP
基于php设计模式中单例模式的应用分析
2013/05/15 PHP
Symfony2实现在controller中获取url的方法
2016/03/18 PHP
悄悄用脚本检查你访问过哪些网站的代码
2010/12/04 Javascript
JavaScript图片放大技术(放大镜)实现代码分享
2013/11/14 Javascript
JavaScript网页定位详解
2014/01/13 Javascript
jQuery中prevAll()方法用法实例
2015/01/08 Javascript
JS仿Windows开机启动Loading进度条的方法
2015/02/26 Javascript
JavaScript淡入淡出渐变简单实例
2015/08/06 Javascript
微信小程序之picker日期和时间选择器
2017/02/09 Javascript
Javascript实现信息滚动效果
2017/05/18 Javascript
js实现随机数字字母验证码
2017/06/19 Javascript
前端跨域的几种解决方式总结(推荐)
2017/08/16 Javascript
详解用函数式编程对JavaScript进行断舍离
2017/09/18 Javascript
vue实现压缩图片预览并上传功能(promise封装)
2019/01/10 Javascript
小程序实现列表展开收起效果
2020/07/29 Javascript
Python中IPYTHON入门实例
2015/05/11 Python
Python函数式编程指南(四):生成器详解
2015/06/24 Python
Python基于更相减损术实现求解最大公约数的方法
2018/04/04 Python
Python中的pathlib.Path为什么不继承str详解
2019/06/23 Python
Python 3.8 新功能全解
2019/07/25 Python
Python request操作步骤及代码实例
2020/04/13 Python
Python3爬虫中关于Ajax分析方法的总结
2020/07/10 Python
如何基于python把文字图片写入word文档
2020/07/31 Python
使用phonegap进行提示操作的具体方法
2017/03/30 HTML / CSS
英国家用电器购物网站:Hughes
2018/02/23 全球购物
沙龙级头发造型工具:FOXYBAE
2018/07/01 全球购物
Java语言程序设计测试题判断题部分
2013/01/06 面试题
模具专业毕业推荐信
2014/03/08 职场文书
幼儿教师演讲稿
2014/05/06 职场文书
亲子阅读的活动方案
2014/08/15 职场文书
党支部半年考察意见
2015/06/01 职场文书
公司车队管理制度
2015/08/04 职场文书
研究生毕业登记表的自我鉴定范文
2019/07/15 职场文书
CSS3实现的文字弹出特效
2021/04/16 HTML / CSS
Pygame Event事件模块的详细示例
2021/11/17 Python