编程 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实现禁止鼠标滚轮事件

Jul 24 Javascript

window.location.hash知识汇总

Nov 09 Javascript

JS实现图片垂直居中显示小结

Dec 13 Javascript

jQuery.Validate表单验证插件的使用示例详解

Jan 04 Javascript

Bootstrap表单控件学习使用

Mar 07 Javascript

原生JS实现左右箭头选择日期实例代码

Mar 14 Javascript

vue 配置多页面应用的示例代码

Oct 22 Javascript

JavaScript惰性求值的一种实现方法示例

Jan 11 Javascript

sortable+element 实现表格行拖拽的方法示例

Jun 07 Javascript

JavaScript中的ES6 Proxy的具体使用

Jun 16 Javascript

17道题让你彻底理解JS中的类型转换

Aug 08 Javascript

解决ant Design Search无法输入内容的问题

Oct 29 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

3.从实例开始

2006/10/09 PHP

PHP实现采集程序原理和简单示例代码

2007/03/18 PHP

php使用json_encode对变量json编码

2014/04/07 PHP

LAMP环境使用Composer安装Laravel的方法

2017/03/25 PHP

TP5(thinkPHP5框架)基于bootstrap实现的单图上传插件用法示例

2019/05/29 PHP

JavaScript的类型简单说明

2010/09/03 Javascript

jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果

2013/06/27 Javascript

jquery 检测元素是否存在的实例代码

2013/11/19 Javascript

js数组转json并在后台对其解析具体实现

2013/11/20 Javascript

jquery使用jquery.zclip插件复制对象的实例教程

2013/12/04 Javascript

JavaScript定义变量和变量优先级问题探讨

2014/10/11 Javascript

jQuery拖拽插件gridster使用指南

2015/04/21 Javascript

js父页面中使用子页面的方法

2016/01/09 Javascript

详解JavaScript中this的指向问题

2017/01/20 Javascript

JS变量中有var定义和无var定义的区别以及es6中let命令和const命令

2017/02/19 Javascript

简单实现js菜单栏切换效果

2017/03/04 Javascript

详解Vue-Cli 异步加载数据的一些注意点

2017/08/12 Javascript

js实现扫雷小程序的示例代码

2017/09/27 Javascript

Vue源码探究之虚拟节点的实现

2019/04/17 Javascript

JavaScript页面加载事件实例讲解

2019/09/01 Javascript

layui type2 通过url给iframe子页面传值的例子

2019/09/06 Javascript

Vue+Java+Base64实现条码解析的示例

2020/09/23 Javascript

python远程登录代码

2008/04/29 Python

python的迭代器与生成器实例详解

2014/07/16 Python

使用Python处理BAM的方法

2018/09/28 Python

python中return的返回和执行实例

2019/12/24 Python

解决Keras 与 Tensorflow 版本之间的兼容性问题

2020/02/07 Python

python实现从尾到头打印单链表操作示例

2020/02/22 Python

django 解决扩展自带User表遇到的问题

2020/05/14 Python

如何把python项目部署到linux服务器

2020/08/26 Python

美国LOGO设计公司：The Logo Company

2018/07/16 全球购物

护理专业毕业生自荐信范文

2014/01/05 职场文书

细节决定成败演讲稿

2014/05/12 职场文书

巴西世界杯32强口号

2014/06/05 职场文书

博士生专家推荐信

2014/09/26 职场文书

写一个Python脚本自动爬取Bilibili小视频

2021/04/24 Python