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

jQuery1.6 类型判断实现代码

Sep 01 Javascript

jQuery 关于伪类选择符的使用说明

Apr 24 Javascript

jquery代码实现多选、不同分享功能

Jul 31 Javascript

jQuery复制表单元素附源码分享效果演示

Sep 30 Javascript

javascript性能优化之DOM交互操作实例分析

Dec 12 Javascript

Vue.js每天必学之数据双向绑定

Sep 05 Javascript

Javascript 调用 ActionScript 的简单方法

Sep 22 Javascript

Vue学习笔记进阶篇之单元素过度

Jul 19 Javascript

JointJS JavaScript流程图绘制框架解析

Aug 15 Javascript

详解Vue后台管理系统开发日常总结(组件PageHeader)

Nov 01 Javascript

vue iview 隐藏Table组件里的某一列操作

Nov 13 Javascript

浅谈Vue使用Elementui修改默认的最快方法

Dec 05 Vue.js

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

实现dedecms全站URL静态化改造的代码

2007/03/29 PHP

PHP 实现explort() 功能的详解

2013/06/20 PHP

PHP中__FILE__、dirname与basename用法实例分析

2014/12/01 PHP

thinkphp中session和cookie无效的解决方法

2014/12/19 PHP

PHP CodeIgniter框架的工作原理研究

2015/03/30 PHP

详解PHP实现异步调用的4种方法

2016/03/14 PHP

jquery 插件人性化的消息显示

2008/01/21 Javascript

javascript函数中的arguments参数

2010/08/01 Javascript

jqPlot 图表中文API使用文档及源码和在线示例

2012/02/07 Javascript

JQuery页面的表格数据的增加与分页的实现

2013/12/10 Javascript

javascript ajax的5种状态介绍

2014/08/18 Javascript

Javascript冒泡排序算法详解

2014/12/03 Javascript

分享15个大家都熟知的jquery小技巧

2015/12/02 Javascript

javascript将list转换成树状结构的实例

2017/09/08 Javascript

详解react服务端渲染（同构）的方法

2017/09/21 Javascript

利用jQuery实现简单的拖曳效果实例代码

2017/10/20 jQuery

vue项目tween方法实现返回顶部的示例代码

2018/03/02 Javascript

[04:19]完美世界携手游戏风云打造卡尔工作室模型介绍篇

2013/04/24 DOTA

[02:09]EHOME夺得首届辉夜杯冠军—现场颁奖仪式

2015/12/28 DOTA

Python中使用logging模块代替print（logging简明指南）

2014/07/09 Python

为Python的web框架编写MVC配置来使其运行的教程

2015/04/30 Python

Windows平台Python连接sqlite3数据库的方法分析

2017/07/12 Python

分享vim python缩进等一些配置

2018/07/02 Python

Python 调用 zabbix api的方法示例

2019/01/06 Python

Python常见数据结构之栈与队列用法示例

2019/01/14 Python

django 信号调度机制详解

2019/07/19 Python

python elasticsearch从创建索引到写入数据的全过程

2019/08/04 Python

Python实现Singleton模式的方式详解

2019/08/08 Python

python线程池如何使用

2020/05/28 Python

Python join()函数原理及使用方法

2020/11/14 Python

python中random模块详解

2021/03/01 Python

Notino匈牙利：购买香水和化妆品

2019/04/12 全球购物

六年级上册《闻官军收河南河北》的教学设计

2019/11/15 职场文书

Javascript使用integrity属性进行安全验证

2021/11/07 Javascript

淡雅古典唯美少女娇媚宁静迷人写真

2022/03/21 杂记

Vue Mint UI mt-swipe的使用方式

2022/06/05 Vue.js