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 相关文章推荐
网页里控制图片大小的相关代码
Jun 13 Javascript
javascript document.execCommand() 常用解析
Dec 14 Javascript
location.href语句与火狐不兼容的问题
Jul 04 Javascript
jQuery点击自身以外地方关闭弹出层的简单实例
Dec 24 Javascript
AngularJS入门知识之MVW类框架的编程思想探讨
Dec 08 Javascript
分享jQuery网页元素拖拽插件
Dec 01 Javascript
在localStorage中存储对象数组并读取的方法
Sep 24 Javascript
javascript代码调试之console.log 用法图文详解
Sep 30 Javascript
Vue Transition实现类原生组件跳转过渡动画的示例
Aug 19 Javascript
10分钟上手vue-cli 3.0 入门介绍
Apr 04 Javascript
vue 标签属性数据绑定和拼接的实现方法
May 17 Javascript
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
Oct 10 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/01/27 PHP
php简单的留言板与回复功能具体实现
2014/02/19 PHP
php开发微信支付获取用户地址
2015/10/04 PHP
php+ajax制作无刷新留言板
2015/10/27 PHP
如何使用GDB调试PHP程序
2015/12/08 PHP
php类自动装载、链式操作、魔术方法实现代码
2017/07/23 PHP
jquery序列化form表单使用ajax提交后处理返回的json数据
2014/03/03 Javascript
JS实现状态栏跑马灯文字效果代码
2015/10/24 Javascript
JS模拟bootstrap下拉菜单效果实例
2016/06/17 Javascript
如何写好你的JavaScript【推荐】
2017/03/02 Javascript
详解es6超好用的语法糖Decorator
2018/08/01 Javascript
详解在React中跨组件分发状态的三种方法
2018/08/09 Javascript
使用JavaScript保存文本文件到本地的两种方法
2019/01/22 Javascript
图文讲解用vue-cli脚手架创建vue项目步骤
2019/02/12 Javascript
Vue运用transition实现过渡动画
2019/05/06 Javascript
Vue SPA 初次进入加载动画实现代码
2019/11/14 Javascript
vue.js click点击事件获取当前元素对象的操作
2020/08/07 Javascript
vue v-on:click传递动态参数的步骤
2020/09/11 Javascript
原生js实现购物车
2020/09/23 Javascript
Python中IPYTHON入门实例
2015/05/11 Python
Python实现建立SSH连接的方法
2015/06/03 Python
TF-IDF与余弦相似性的应用(二) 找出相似文章
2017/12/21 Python
python实现在遍历列表时,直接对dict元素增加字段的方法
2019/01/15 Python
Python+Selenium随机生成手机验证码并检查页面上是否弹出重复手机号码提示框
2020/09/21 Python
HTML5新表单元素_动力节点Java学院整理
2017/07/12 HTML / CSS
世界上最悠久的自行车制造商:Ribble Cycles
2017/03/18 全球购物
萨克斯第五大道精品百货店: Saks Fifth Avenue
2017/04/28 全球购物
一份Java笔试题
2012/02/21 面试题
应急管理工作总结2015
2015/05/04 职场文书
反腐倡廉学习心得体会范文
2015/08/15 职场文书
优秀团员主要事迹材料
2015/11/05 职场文书
导游词之江苏溱潼古镇
2019/11/27 职场文书
使用numpy nonzero 找出非0元素
2021/05/14 Python
浅谈Python协程asyncio
2021/06/20 Python
源码分析Redis中 set 和 sorted set 的使用方法
2022/03/22 Redis
ipad隐藏软件app图标方法
2022/04/19 数码科技