编程 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 哈希表(hashtable)的简单实现

Jan 20 Javascript

Jquery中的层次选择器与find()的区别示例介绍

Feb 20 Javascript

node.js中的console.log方法使用说明

Dec 09 Javascript

JS实现的生成随机数的4个函数分享

Feb 11 Javascript

实现音乐播放器的代码（html5+css3+jquery）

Aug 04 Javascript

JS实现超精简的链接列表在固定区域内滚动效果代码

Nov 04 Javascript

jQuery UI制作选项卡（tabs）

Dec 13 Javascript

js实现的xml对象转json功能示例

Dec 24 Javascript

解决bootstrap下拉菜单点击立即隐藏bug的方法

Jun 13 Javascript

详解JS数组Reduce()方法详解及高级技巧

Aug 18 Javascript

javascript动态创建对象的属性详解

Nov 07 Javascript

JS根据json数组多个字段排序及json数组常用操作

Jun 06 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 文件状态缓存带来的问题

2008/12/14 PHP

基于php设计模式中单例模式的应用分析

2013/05/15 PHP

Symfony2实现在controller中获取url的方法

2016/03/18 PHP

悄悄用脚本检查你访问过哪些网站的代码

2010/12/04 Javascript

JavaScript图片放大技术(放大镜)实现代码分享

2013/11/14 Javascript

JavaScript网页定位详解

2014/01/13 Javascript

jQuery中prevAll()方法用法实例

2015/01/08 Javascript

JS仿Windows开机启动Loading进度条的方法

2015/02/26 Javascript

JavaScript淡入淡出渐变简单实例

2015/08/06 Javascript

微信小程序之picker日期和时间选择器

2017/02/09 Javascript

Javascript实现信息滚动效果

2017/05/18 Javascript

js实现随机数字字母验证码

2017/06/19 Javascript

前端跨域的几种解决方式总结（推荐）

2017/08/16 Javascript

详解用函数式编程对JavaScript进行断舍离

2017/09/18 Javascript

vue实现压缩图片预览并上传功能（promise封装）

2019/01/10 Javascript

小程序实现列表展开收起效果

2020/07/29 Javascript

Python中IPYTHON入门实例

2015/05/11 Python

Python函数式编程指南（四）：生成器详解

2015/06/24 Python

Python基于更相减损术实现求解最大公约数的方法

2018/04/04 Python

Python中的pathlib.Path为什么不继承str详解

2019/06/23 Python

Python 3.8 新功能全解

2019/07/25 Python

Python request操作步骤及代码实例

2020/04/13 Python

Python3爬虫中关于Ajax分析方法的总结

2020/07/10 Python

如何基于python把文字图片写入word文档

2020/07/31 Python

使用phonegap进行提示操作的具体方法

2017/03/30 HTML / CSS

英国家用电器购物网站：Hughes

2018/02/23 全球购物

沙龙级头发造型工具：FOXYBAE

2018/07/01 全球购物

Java语言程序设计测试题判断题部分

2013/01/06 面试题

模具专业毕业推荐信

2014/03/08 职场文书

幼儿教师演讲稿

2014/05/06 职场文书

亲子阅读的活动方案

2014/08/15 职场文书

党支部半年考察意见

2015/06/01 职场文书

公司车队管理制度

2015/08/04 职场文书

研究生毕业登记表的自我鉴定范文

2019/07/15 职场文书

CSS3实现的文字弹出特效

2021/04/16 HTML / CSS

Pygame Event事件模块的详细示例

2021/11/17 Python