编程 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 相关文章推荐

海量经典的jQuery插件集合

Jan 12 Javascript

JavaScript中instanceof与typeof运算符的用法及区别详细解析

Nov 19 Javascript

js实现checkbox全选和反选示例

May 01 Javascript

JS 获取鼠标左右键的键值方法

Oct 11 Javascript

javascript中的遍历for in 以及with的用法

Dec 22 Javascript

JS实现Fisheye效果动感放大菜单代码

Oct 21 Javascript

jQuery实现选项卡切换效果简单演示

Dec 09 Javascript

jQuery实现背景弹性滚动的导航效果

Jun 01 Javascript

js Canvas绘制圆形时钟效果

Feb 17 Javascript

基于vue实现分页效果

Nov 06 Javascript

AngularJS实现的2048小游戏功能【附源码下载】

Jan 03 Javascript

详解package.json版本号规则

Aug 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/07/08 PHP

PHP通过header实现文本文件下载的代码

2010/08/08 PHP

php适配器模式介绍

2012/08/14 PHP

php sybase_fetch_array使用方法

2014/04/15 PHP

PHP网页游戏学习之Xnova(ogame)源码解读（五）

2014/06/23 PHP

PHP实现搜索相似图片

2015/09/22 PHP

php微信公众号开发之图片回复

2018/10/20 PHP

php array_chunk()函数用法与注意事项

2019/07/12 PHP

PHP日期和时间函数的使用示例详解

2020/08/06 PHP

js 表单验证方法(实用)

2009/04/28 Javascript

图片连续滚动代码[兼容IE/firefox]

2009/06/11 Javascript

!DOCTYPE声明对JavaScript的影响分析

2010/04/12 Javascript

jquery中的mouseleave和mouseout的区别模仿下拉框效果

2012/02/07 Javascript

这些年、我收集的JQuery代码小结

2012/08/01 Javascript

javascript 回到顶部效果的实现代码

2014/02/17 Javascript

js防止DIV布局滚动时闪动的解决方法

2014/10/30 Javascript

javascript感应鼠标图片透明度显示的方法

2015/02/24 Javascript

javascript实现校验文件上传控件实例

2015/04/20 Javascript

纯css下拉菜单无需js

2016/08/15 Javascript

JavaScript获取键盘按键的键码(参照表)

2017/01/10 Javascript

jQuery元素选择器实例代码

2017/02/06 Javascript

AngularJS实现的JSONP跨域访问数据传输功能详解

2017/07/20 Javascript

教你30秒发布一个TypeScript包到NPM的方法步骤

2019/07/22 Javascript

jquery实现轮播图特效

2020/04/12 jQuery

python 用lambda函数替换for循环的方法

2018/06/09 Python

python实现合并两个排序的链表

2019/03/03 Python

Python实现二叉树前序、中序、后序及层次遍历示例代码

2019/05/18 Python

Django项目使用CircleCI的方法示例

2019/07/14 Python

python 动态绘制爱心的示例

2020/09/27 Python

html5 Canvas绘制线条 closePath()实例代码

2012/05/10 HTML / CSS

去加拿大的旅行和假期：Canadian Affair

2016/10/25 全球购物

技校生自我鉴定

2013/12/08 职场文书

教师应聘个人求职信

2013/12/10 职场文书

创建青年文明号材料

2014/05/09 职场文书

小学捐书活动总结

2014/07/05 职场文书

正确的理解和使用Django信号(Signals)

2021/04/14 Python