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

EXTJS FORM HIDDEN TEXTFIELD 赋值使用value不好用的问题

Apr 16 Javascript

javascrpt绑定事件之匿名函数无法解除绑定问题

Dec 06 Javascript

BootStrap智能表单实战系列(九)表单图片上传的支持

Jun 13 Javascript

AngularJS表单基本操作

Jan 09 Javascript

AngularJS框架中的双向数据绑定机制详解【减少需要重复的开发代码量】

Jan 19 Javascript

微信小程序侧边栏滑动特效(左右滑动)

Jan 23 Javascript

JS简单获取当前日期和农历日期的方法

Apr 17 Javascript

Angular directive递归实现目录树结构代码实例

May 05 Javascript

用vue封装插件并发布到npm的方法步骤

Oct 18 Javascript

Vue.js特性Scoped Slots的浅析

Feb 20 Javascript

axios如何取消重复无用的请求详解

Dec 15 Javascript

Vue 一键清空表单的实现方法

Feb 07 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编程最快明白》第四讲：日期、表单接收、session、cookie

2010/11/01 PHP

php生成随机密码的几种方法

2011/01/17 PHP

PHP正则提取不包含指定网址的图片地址的例子

2014/04/21 PHP

js表数据排序 sort table data

2009/02/18 Javascript

JQueryEasyUI datagrid框架的基本使用

2013/04/08 Javascript

Jquery实现自定义弹窗示例

2014/03/12 Javascript

jQuery中odd选择器的定义和用法

2014/12/23 Javascript

Javascript对象Clone实例分析

2015/06/09 Javascript

jQuery mobile 移动web(4)

2015/12/20 Javascript

基于bootstrap的选择框插件icheck

2016/12/23 Javascript

Javascript 使用ajax与C#获取文件大小实例详解

2017/01/13 Javascript

javascript滚轮事件基础实例讲解（37）

2017/02/14 Javascript

详解vue 模拟后台数据（加载本地json文件）调试

2017/08/25 Javascript

webpack项目调试以及独立打包配置文件的方法

2018/02/28 Javascript

详解基于vue的服务端渲染框架NUXT

2018/06/20 Javascript

微信开发之企业付款到银行卡接口开发的示例代码

2018/09/18 Javascript

JS对象和字符串之间互换操作实例分析

2019/02/02 Javascript

pageGroup.js实现分页功能

2019/07/27 Javascript

详解Python 序列化Serialize 和反序列化Deserialize

2017/08/20 Python

Python cookbook(数据结构与算法)根据字段将记录分组操作示例

2018/03/19 Python

Python实现登陆文件验证方法

2018/10/06 Python

在PyCharm中三步完成PyPy解释器的配置的方法

2018/10/29 Python

Flask框架web开发之零基础入门

2018/12/10 Python

python多进程读图提取特征存npy

2019/05/21 Python

Python实现TCP探测目标服务路由轨迹的原理与方法详解

2019/09/04 Python

python opencv图片编码为h264文件的实例

2019/12/12 Python

HTML5 Canvas绘制五星红旗

2016/05/04 HTML / CSS

html5实现图片转圈的动画效果——让页面动起来

2017/10/16 HTML / CSS

Tory Burch英国官方网站：美国时尚生活品牌

2017/12/06 全球购物

美国背景检查、公共记录和人物搜索网站：BeenVerified

2018/02/25 全球购物

员工试用期自我评价

2014/09/18 职场文书

市委常委班子党的群众路线教育实践活动整改措施

2014/10/02 职场文书

南京导游词

2015/02/03 职场文书

2016年4月份红领巾广播稿

2015/12/21 职场文书

毕业生就业推荐表自我鉴定

2019/06/20 职场文书

入党申请书格式

2019/06/20 职场文书