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 相关文章推荐
OfflineSave离线保存代码再次发布使用说明
May 23 Javascript
JS文本框默认值处理详解
Jul 10 Javascript
div模拟选择框示例代码
Nov 03 Javascript
js实现连个数字相加而不是拼接的方法
Feb 23 Javascript
通过url查找a元素应用案例
Apr 29 Javascript
jQuery通过点击行来删除HTML表格行的实现示例
Sep 10 Javascript
浅谈JS继承_借用构造函数 &amp; 组合式继承
Aug 16 Javascript
vue内置组件transition简单原理图文详解(小结)
Jul 12 Javascript
Vue项目查看当前使用的elementUI版本的方法
Sep 27 Javascript
jQuery操作attr、prop、val()/text()/html()、class属性
May 23 jQuery
vue(2.x,3.0)配置跨域代理
Nov 27 Javascript
ES6字符串的扩展实例
Dec 21 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判断字符串在另一个字符串位置的方法
2014/02/27 PHP
ThinkPHP跳转页success及error模板实例教程
2014/07/17 PHP
PHP利用APC模块实现文件上传进度条的方法
2015/01/26 PHP
PHP实现基于栈的后缀表达式求值功能
2017/11/10 PHP
关于laravel-admin ueditor 集成并解决刷新的问题
2019/10/21 PHP
Prototype使用指南之base.js
2007/01/10 Javascript
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
2007/04/29 Javascript
from表单多个按钮提交用onclick跳转不同action
2014/04/24 Javascript
jquery实现点击查看更多内容控制段落文字展开折叠效果
2015/08/06 Javascript
js实现简单计算器
2015/11/22 Javascript
浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别
2016/08/18 Javascript
分类解析jQuery选择器
2016/11/23 Javascript
JS去除重复并统计数量的实现方法
2016/12/15 Javascript
vue中页面跳转拦截器的实现方法
2017/08/23 Javascript
zTree jQuery 树插件的使用(实例讲解)
2017/09/25 jQuery
详解使用create-react-app快速构建React开发环境
2018/05/16 Javascript
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
2018/09/11 Javascript
详解React之key的使用和实践
2018/09/29 Javascript
一步快速解决微信小程序中textarea层级太高遮挡其他组件
2019/03/04 Javascript
基于JavaScript实现十五拼图代码实例
2020/04/26 Javascript
Python 列表list使用介绍
2014/11/30 Python
利用python批量修改word文件名的方法示例
2017/10/17 Python
Python request设置HTTPS代理代码解析
2018/02/12 Python
opencv python 基于KNN的手写体识别的实例
2018/08/03 Python
Django如何自定义分页
2018/09/25 Python
对python xlrd读取datetime类型数据的方法详解
2018/12/26 Python
Pytorch中accuracy和loss的计算知识点总结
2019/09/10 Python
安全的后院和健身蹦床:JumpSport
2019/07/15 全球购物
上级检查欢迎词
2014/01/18 职场文书
党员大会主持词
2014/04/02 职场文书
2014年护士长工作总结
2014/11/11 职场文书
企业员工辞职信范文
2015/05/12 职场文书
办公室主任岗位竞聘书
2015/09/15 职场文书
教师正风肃纪心得体会
2016/01/15 职场文书
python 爬取豆瓣网页的示例
2021/04/13 Python
MySQL串行化隔离级别(间隙锁实现)
2022/06/16 MySQL