编程 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 Window 最小化的一种方法

Nov 18 Javascript

jValidate 基于jQuery的表单验证插件

Dec 12 Javascript

CSS和Javascript简单复习资料

Jun 29 Javascript

js日期对象兼容性的处理方法

Jan 28 Javascript

ie 7/8不支持trim的属性的解决方案

May 23 Javascript

jQuery 1.9.1源码分析系列（十）事件系统之绑定事件

Nov 19 Javascript

jQuery基于cookie实现的购物车实例分析

Dec 24 Javascript

jQuery双向列表选择器select版

Nov 01 Javascript

vue非父子组件通信问题及解决方法

Jun 11 Javascript

vue+Element-ui实现分页效果实例代码详解

Dec 10 Javascript

原生js实现3D轮播图

Mar 21 Javascript

javascript实现倒计时提示框

Mar 02 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 常用函数库和一些实用小技巧

2009/01/01 PHP

php session 预定义数组

2009/03/16 PHP

php in_array 函数使用说明与in_array需要注意的地方说明

2010/04/13 PHP

Laravel执行migrate命令提示：No such file or directory的解决方法

2016/03/16 PHP

php smtp实现发送邮件功能

2017/06/22 PHP

php检测mysql表是否存在的方法小结

2017/07/20 PHP

JavaScript iframe的相互操作浅析

2009/10/14 Javascript

JavaScript判断一个URL链接是否有效的实现方法

2011/10/08 Javascript

JavaScript通过prototype给对象定义属性用法实例

2015/03/23 Javascript

JavaScript实现打开链接页面的方式汇总

2016/06/02 Javascript

AngularJs Javascript MVC 框架

2016/06/20 Javascript

在html中引入外部js文件,并调用带参函数的方法

2016/10/31 Javascript

js事件冒泡与事件捕获详解

2017/02/20 Javascript

详解JavaScript按概率随机生成事件

2017/08/02 Javascript

js微信分享实现代码

2020/10/11 Javascript

vue 父组件调用子组件方法及事件

2018/03/29 Javascript

vue js秒转天数小时分钟秒的实例代码

2018/08/08 Javascript

[49:27]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第一场

2018/04/05 DOTA

Python常用的爬虫技巧总结

2016/03/28 Python

Python之list对应元素求和的方法

2018/06/28 Python

python调用tcpdump抓包过滤的方法

2018/07/18 Python

python调用opencv实现猫脸检测功能

2019/01/15 Python

详解Python爬取并下载《电影天堂》3千多部电影

2019/04/26 Python

sklearn+python:线性回归案例

2020/02/24 Python

python利用Excel读取和存储测试数据完成接口自动化教程

2020/04/30 Python

一款恶搞头像特效的制作过程利用css3和jquery

2014/11/21 HTML / CSS

使用CSS3制作版头动画效果

2020/12/24 HTML / CSS

Wiggle中国：英国骑行、跑步、游泳 & 铁三运动装备专卖网店

2016/08/02 全球购物

手机促销活动方案

2014/02/05 职场文书

公司寄语大全

2014/04/10 职场文书

租车协议书范本

2014/04/22 职场文书

运动会加油稿20字

2014/11/15 职场文书

劳动争议和解协议书范本

2014/11/20 职场文书

法院个人总结

2015/03/03 职场文书

综合素质评价个性发展自我评价

2015/03/06 职场文书

2016年优秀党员教师先进事迹材料

2016/02/29 职场文书