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 相关文章推荐
DHTML 中的绝对定位
Nov 26 Javascript
javascript new fun的执行过程
Aug 05 Javascript
Javascript操作cookie的函数代码
Oct 03 Javascript
javascript实现tab切换的两个实例
Nov 05 Javascript
jQuery Html控件基本操作(日常收集整理)
Mar 11 Javascript
微信小程序实战之登录页面制作(5)
Mar 30 Javascript
vuejs使用递归组件实现树形目录的方法
Sep 30 Javascript
React实现全局组件的Toast轻提示效果
Sep 21 Javascript
简单说说angular.json文件的使用
Oct 29 Javascript
vue.js层叠轮播效果的实例代码
Nov 08 Javascript
解决layer.confirm选择完之后消息框不消失的问题
Sep 16 Javascript
Vue中keep-alive组件作用详解
Feb 04 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
Smarty最简单实现列表奇偶变色的方法
2015/07/01 PHP
PHP项目多语言配置平台实现过程解析
2020/05/18 PHP
Windows Live的@live.com域名注册漏洞 利用代码
2006/12/27 Javascript
js小技巧--自动隐藏红叉叉
2007/08/13 Javascript
javascript 限制输入脚本大全
2009/11/03 Javascript
如何确保JavaScript的执行顺序 之实战篇
2011/03/03 Javascript
js replace正则表达式应用案例讲解
2013/01/17 Javascript
js为空或不是对象问题的快速解决方法
2013/12/11 Javascript
多个checkbox被选中时如何判断是否有自己想要的
2014/09/22 Javascript
在HTML中插入JavaScript代码的示例
2015/06/03 Javascript
JavaScript实现倒计时代码段Item1(非常实用)
2015/11/03 Javascript
nodejs修复ipa处理过的png图片
2016/02/17 NodeJs
深入理解jquery跨域请求方法
2016/05/18 Javascript
使用express搭建一个简单的查询服务器的方法
2018/02/09 Javascript
vue 注册组件的使用详解
2018/05/05 Javascript
对VUE中的对象添加属性
2018/09/18 Javascript
angular 实现同步验证器跨字段验证的方法
2019/04/11 Javascript
微信小程序template模版的使用方法
2019/04/13 Javascript
Vuejs中的watch实例详解(监听者)
2020/01/05 Javascript
JavaScript实现图片伪异步上传过程解析
2020/04/10 Javascript
[38:31]完美世界DOTA2联赛PWL S3 Magma vs GXR 第一场 12.13
2020/12/17 DOTA
浅述python中argsort()函数的实例用法
2017/03/30 Python
Python爬虫框架Scrapy基本用法入门教程
2018/07/26 Python
解决python3捕获cx_oracle抛出的异常错误问题
2018/10/18 Python
在python中实现强制关闭线程的示例
2019/01/22 Python
Python 实现平台类游戏添加跳跃功能
2020/03/27 Python
numpy的Fancy Indexing和array比较详解
2020/06/11 Python
PyCharm+Miniconda3安装配置教程详解
2021/02/16 Python
HTML5 Canvas概述
2009/08/26 HTML / CSS
HTML5 语音搜索(淘宝店语音搜素)
2013/01/03 HTML / CSS
英国女性时尚精品店:THE DRESSING ROOM
2018/05/23 全球购物
初级会计求职信范文
2014/02/15 职场文书
俞敏洪北大演讲稿
2014/05/22 职场文书
品质口号大全
2014/06/17 职场文书
学习党代会心得体会
2014/09/05 职场文书
个人四风问题整改措施思想汇报
2014/10/04 职场文书