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实现动画效果的实例代码
May 07 Javascript
jQuery 顶部导航跟随滚动条滚动固定浮动在顶部
Jun 06 Javascript
jQuery简单注册和禁用全局事件的方法
Jul 25 Javascript
JavaScript使用正则表达式获取全部分组内容的方法示例
Jan 17 Javascript
jquery实现页面加载效果
Feb 21 Javascript
微信小程序组件 marquee实例详解
Jun 23 Javascript
荐书|您有一份JavaScript书单待签收
Jul 21 Javascript
easyui下拉框动态级联加载的示例代码
Nov 29 Javascript
基于Vue2x的图片预览插件的示例代码
May 14 Javascript
JavaScript继承的特性与实践应用深入详解
Dec 30 Javascript
如何将Node.js中的回调转换为Promise
Nov 10 Javascript
Vue实现手机号、验证码登录(60s禁用倒计时)
Dec 19 Vue.js
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
PHILIPS L4X25T电路分析和打理
2021/03/02 无线电
把从SQL中取出的数据转化成XMl格式
2006/10/09 PHP
PHP抽象类 介绍
2012/06/13 PHP
PHP中Http协议post请求参数
2015/11/02 PHP
浅谈JavaScript之事件绑定
2013/07/08 Javascript
jQuery 三击事件实现代码
2013/09/11 Javascript
JS对象与json字符串格式转换实例
2014/10/28 Javascript
js动态创建及移除div的方法
2015/06/03 Javascript
jQuery Mobile中的button按钮组件基础使用教程
2016/05/23 Javascript
jQuery插件Easyui设置datagrid的pageNumber导致两次请求问题的解决方法
2016/08/06 Javascript
利用Angular.js限制textarea输入的字数
2016/10/20 Javascript
javascript实现用户点击数量统计
2016/12/25 Javascript
Vue.js学习示例分享
2017/02/05 Javascript
微信小程序 本地数据存储实例详解
2017/04/13 Javascript
vue中导出Excel表格的实现代码
2018/10/18 Javascript
微信小程序实现打卡日历功能
2020/09/21 Javascript
python用于url解码和中文解析的小脚本(python url decoder)
2013/08/11 Python
Python3学习笔记之列表方法示例详解
2017/10/06 Python
pycharm设置注释颜色的方法
2018/05/23 Python
python根据txt文本批量创建文件夹
2020/12/08 Python
python实现集中式的病毒扫描功能详解
2019/07/09 Python
有趣的Python图片制作之如何用QQ好友头像拼接出里昂
2020/04/22 Python
Python性能分析工具py-spy原理用法解析
2020/07/27 Python
关于python tushare Tkinter构建的简单股票可视化查询系统(Beta v0.13)
2020/10/19 Python
python 实现图片批量压缩的示例
2020/12/18 Python
html5 canvas实现跟随鼠标旋转的箭头
2016/03/11 HTML / CSS
Columbia美国官网:美国著名的户外服装品牌
2016/11/24 全球购物
香港草莓网土耳其网站:Strawberrynet TR
2017/03/02 全球购物
如何整合JQuery和Prototype
2014/01/31 面试题
国际贸易专业个人鉴定
2014/02/22 职场文书
大学生个人自荐信
2014/02/24 职场文书
教师产假请假条范文
2014/04/10 职场文书
三八妇女节趣味活动方案
2014/08/23 职场文书
销售顾问工作计划书
2014/09/15 职场文书
2015年公路养护工作总结
2015/05/13 职场文书
创业计划书之少年玩具店
2019/09/05 职场文书