编程 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 解决Ajax请求的页面浏览器后退前进功能，页面刷新功能实效问题

Dec 11 Javascript

jQuery对表单的操作代码集合

Apr 06 Javascript

Javascript面向对象扩展库代码分享

Mar 27 Javascript

深入讲解AngularJS中的自定义指令的使用

Jun 18 Javascript

基于jQuery Bar Indicator 插件实现进度条展示效果

Sep 30 Javascript

学习javascript面向对象 javascript实现继承的方式

Jan 04 Javascript

H5移动端图片压缩上传开发流程

Nov 09 Javascript

vue.js树形组件之删除双击增加分支实例代码

Feb 28 Javascript

jQuery中table数据的值拷贝和拆分

Mar 19 Javascript

JavaScript模块化之使用requireJS按需加载

Apr 12 Javascript

vue实现简单的星级评分组件源码

Nov 16 Javascript

jQuery实现input[type=file]多图预览上传删除等功能

Aug 02 jQuery

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/05/07 PHP

PHP实现的json类实例

2015/07/28 PHP

PHP树形结构tree类用法示例

2019/02/01 PHP

基于jquery的15款幻灯片插件

2011/04/10 Javascript

基于jQuery实现的水平和垂直居中的div窗口

2011/08/08 Javascript

一个支付页面DEMO附截图

2014/07/22 Javascript

jquery队列函数用法实例

2014/12/16 Javascript

使用js画图之饼图

2015/01/12 Javascript

JavaScript中判断数据类型的方法总结

2016/05/24 Javascript

Bootstrap零基础入门教程(三)

2016/07/18 Javascript

javascript实现的左右无缝滚动效果

2016/09/19 Javascript

jQuery UI制作选项卡（tabs）

2016/12/13 Javascript

vue双向绑定的简单实现

2016/12/22 Javascript

详解jQuery事件

2017/01/13 Javascript

canvas绘图不清晰的解决方案

2017/02/28 Javascript

微信小程序之选项卡的实现方法

2017/09/29 Javascript

VS Code转换大小写、修改选中文字或代码颜色的方法

2017/12/15 Javascript

Webpack的dll功能使用

2018/06/28 Javascript

React+Antd+Redux实现待办事件的方法

2019/03/14 Javascript

Vue使用localStorage存储数据的方法

2019/05/27 Javascript

layui表格返回的数据状态异常的解决方法

2019/09/10 Javascript

React中使用UMEditor的方法示例

2019/12/27 Javascript

基于javascript处理nginx请求过程详解

2020/07/07 Javascript

[01:05:12]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS CIS-GAME

2014/05/21 DOTA

[05:05]DOTA2亚洲邀请赛战队出场仪式

2015/02/07 DOTA

Django中间件基础用法详解

2019/07/18 Python

使用Python实现分别输出每个数组

2019/12/06 Python

pytorch 实现打印模型的参数值

2019/12/30 Python

详解CSS3的图层阴影和文字阴影效果使用

2016/06/09 HTML / CSS

学生个人的自我评价分享

2013/11/05 职场文书

体育口号大全

2014/06/18 职场文书

党的群众路线教育实践活动自我剖析材料

2014/10/08 职场文书

2014年医德医风工作总结

2014/11/13 职场文书

三年级学生期末评语

2014/12/26 职场文书

酒桌上的祝酒词

2015/08/12 职场文书

MySQL详解进行JDBC编程与增删改查方法

2022/06/16 MySQL