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 AnythingSlider滑动效果插件
Feb 07 Javascript
打造基于jQuery的高性能TreeView(asp.net)
Feb 23 Javascript
Javascript非构造函数的继承
Apr 27 Javascript
js中动态创建json,动态为json添加属性、属性值的实例
Dec 02 Javascript
jQuery实现按比例缩放图片的方法
Apr 29 jQuery
javascript 判断一个对象为数组的方法
May 03 Javascript
Vue单页式应用(Hash模式下)实现微信分享的实例
Jul 21 Javascript
详解在Javascript中进行面向切面编程
Apr 28 Javascript
vue 引用自定义ttf、otf、在线字体的方法
May 09 Javascript
jQuery插件simplePagination的使用方法示例
Apr 28 jQuery
在vue项目中利用popstate处理页面返回的操作介绍
Aug 06 Javascript
关于JavaScript中异步/等待的用法与理解
Nov 18 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
Windows下编译PHP5.4和xdebug全记录
2015/04/03 PHP
图文详解PHP环境搭建教程
2016/07/16 PHP
php读取和保存base64编码的图片内容
2017/04/22 PHP
基于jquery的web页面日期格式化插件
2011/11/15 Javascript
原生js写的放大镜效果
2012/08/22 Javascript
jQuery中:lt选择器用法实例
2014/12/29 Javascript
jQuery实现简单下拉导航效果
2015/09/07 Javascript
js获取客户端操作系统类型的方法【测试可用】
2016/05/27 Javascript
JavaScript中Form表单技术汇总(推荐)
2016/06/26 Javascript
Angular学习笔记之angular的$filter服务浅析
2016/11/12 Javascript
使用原生的javascript来实现轮播图
2017/02/24 Javascript
bootstrap+jQuery实现的动态进度条功能示例
2017/05/25 jQuery
12个提高JavaScript技能的概念(小结)
2019/05/09 Javascript
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
2019/05/10 Javascript
解决layer.open后laydate失效的问题
2019/09/06 Javascript
小程序跨页面交互的作用与方法详解
2020/01/07 Javascript
JavaScript实现模态对话框实例
2020/01/13 Javascript
JavaScript canvas绘制渐变颜色的矩形
2020/02/18 Javascript
python数据类型判断type与isinstance的区别实例解析
2017/10/31 Python
Python编程实现二分法和牛顿迭代法求平方根代码
2017/12/04 Python
Flask解决跨域的问题示例代码
2018/02/12 Python
如何在Django中设置定时任务的方法示例
2019/01/18 Python
详解PyCharm+QTDesigner+PyUIC使用教程
2019/06/13 Python
Python 异常处理Ⅳ过程图解
2019/10/18 Python
html5+css3实现一款注册表单实例
2013/04/17 HTML / CSS
Canvas与Image互相转换示例代码
2013/08/09 HTML / CSS
手把手教你实现一个canvas智绘画板的方法
2019/03/04 HTML / CSS
HEMA法国:荷兰原创设计
2019/02/21 全球购物
介绍一下mysql的日期和时间函数
2013/03/28 面试题
保护环境的建议书
2014/03/12 职场文书
企业催款函范本
2015/06/24 职场文书
2015秋季开学典礼致辞
2015/07/16 职场文书
小学课改工作总结
2015/08/13 职场文书
学习型家庭事迹材料(2016精选版)
2016/02/29 职场文书
关于springboot 配置date字段返回时间戳的问题
2021/07/25 Java/Android
Python tensorflow卷积神经Inception V3网络结构
2022/05/06 Python