编程 Javascript

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下只能用第二种写法，所以需要考虑多种浏览器兼容问题的时候应采用第二种写法。

Chrome下ifame父窗口调用子窗口的问题示例探讨

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript下function声明一些小结

Dec 28 Javascript

DOM 事件流详解

Jan 20 Javascript

简洁实用的BootStrap jQuery手风琴插件

Aug 31 Javascript

JS实现鼠标滑过显示边框的菜单效果

Sep 21 Javascript

AngularJS指令与指令之间的交互功能示例

Dec 14 Javascript

简单的jQuery拖拽排序效果的实现(增强动态)

Feb 09 Javascript

js中的面向对象入门

Mar 06 Javascript

vue+vuex+axio从后台获取数据存入vuex实现组件之间共享数据

Apr 22 Javascript

angularJs中跳转到指定的锚点实例($anchorScroll)

Aug 31 Javascript

Vue动画事件详解及过渡动画实例

Feb 09 Javascript

Element-ui DatePicker显示周数的方法示例

Jul 19 Javascript

基于vue和websocket的多人在线聊天室

Feb 01 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实现分页的一个示例

2006/10/09 PHP

用Zend Studio+PHPnow+Zend Debugger搭建PHP服务器调试环境步骤

2014/01/19 PHP

php+highchats生成动态统计图

2014/05/21 PHP

Laravel使用Caching缓存数据减轻数据库查询压力的方法

2016/03/15 PHP

PHP简单实现文本计数器的方法

2016/04/28 PHP

jquery序列化表单去除指定元素示例代码

2014/04/10 Javascript

JS实现一个列表中包含上移下移删除等功能

2014/09/24 Javascript

jQuery中extend()和fn.extend()方法详解

2015/06/03 Javascript

jquery实现华丽的可折角广告代码

2015/09/02 Javascript

Ext JS动态加载JavaScript创建窗体的方法

2016/06/23 Javascript

js删除局部变量的实现方法

2016/06/25 Javascript

使用Angular.js开发的注意事项

2016/10/19 Javascript

AngularJS与BootStrap模仿百度分页的示例代码

2018/05/23 Javascript

JavaScript实现淘宝京东6位数字支付密码效果

2018/08/18 Javascript

详解React 服务端渲染方案完美的解决方案

2018/12/14 Javascript

NodeJS实现一个聊天室功能

2019/11/25 NodeJs

js中addEventListener()与removeEventListener()用法案例分析

2020/03/02 Javascript

[01:34:42]NAVI vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15

2019/08/17 DOTA

[01:06:54]DOTA2-DPC中国联赛正赛 SAG vs DLG BO3 第二场 2月28日

2021/03/11 DOTA

python实现socket客户端和服务端简单示例

2014/02/24 Python

Django中URL视图函数的一些高级概念介绍

2015/07/20 Python

解读Django框架中的低层次缓存API

2015/07/24 Python

Python实现对象转换为xml的方法示例

2017/06/08 Python

Python使用matplotlib实现的图像读取、切割裁剪功能示例

2018/04/28 Python

pandas.cut具体使用总结

2019/06/24 Python

python SQLAlchemy的Mapping与Declarative详解

2019/07/04 Python

基于Django ORM、一对一、一对多、多对多的全面讲解

2019/07/26 Python

用python写测试数据文件过程解析

2019/09/25 Python

Python3之乱码\xe6\x97\xa0\xe6\xb3\x95处理方式

2020/05/11 Python

如何用Python 加密文件

2020/09/10 Python

火山动力Java笔试题

2014/06/26 面试题

中职应届生会计求职信

2013/10/23 职场文书

艺术设计专业个人求职信范文

2013/12/11 职场文书

亲戚结婚的请假条

2014/02/11 职场文书

城市规划应届生推荐信

2014/09/08 职场文书

只用50行Python代码爬取网络美女高清图片

2021/06/02 Python