编程 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 无废话系列教程(一) jquery入门 [推荐]

Jun 23 Javascript

JavaScript下通过的XMLHttpRequest发送请求的代码

Jun 28 Javascript

jquery动画2.元素坐标动画效果（创建一个图片走廊）

Aug 24 Javascript

使用jquery hover事件实现表格的隔行换色功能示例

Sep 03 Javascript

jquery为页面增加快捷键示例

Jan 31 Javascript

jQuery的text()方法用法分析

Dec 20 Javascript

AngularJS中比较两个数组是否相同

Aug 24 Javascript

Angular JS数据的双向绑定详解及实例

Dec 31 Javascript

简单说说如何使用vue-router插件的方法

Apr 08 Javascript

详解vuex之store源码简单解析

Jun 13 Javascript

js实现一个简易计算器

Mar 30 Javascript

React Fragment介绍与使用详解

Nov 11 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查询域名状态whois的类

2006/11/25 PHP

php设计模式 Adapter(适配器模式)

2011/06/26 PHP

PHP jpgraph库的配置及生成统计图表:折线图、柱状图、饼状图

2017/05/15 PHP

一段利用WSH修改和查看IP配置的代码

2008/05/11 Javascript

由document.body和document.documentElement想到的

2009/04/13 Javascript

复制小说文本时出现的随机乱码的去除方法

2010/09/07 Javascript

Google AJAX 搜索 API实现代码

2010/11/17 Javascript

JQuery实现倒计时按钮具体方法

2013/11/14 Javascript

函数式 JavaScript（一）简介

2014/07/07 Javascript

node.js中的fs.readSync方法使用说明

2014/12/17 Javascript

js使用DOM设置单选按钮、复选框及下拉菜单的方法

2015/01/20 Javascript

JavaScript检测上传文件大小的方法

2015/07/22 Javascript

jQuery.trim() 函数及trim()用法详解

2015/10/26 Javascript

jQuery插件datatables使用教程

2016/04/21 Javascript

基于jQuery实现Accordion手风琴自定义插件

2020/10/13 Javascript

AngularJS使用angular.bootstrap完成模块手动加载的方法分析

2017/01/19 Javascript

js的三种继承方式详解

2017/01/21 Javascript

angular中的http拦截器Interceptors的实现

2017/02/21 Javascript

vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法

2017/11/28 Javascript

Laravel整合Bootstrap 4的完整方案(推荐)

2018/01/25 Javascript

原生JS实现简单的倒计时功能示例

2018/08/30 Javascript

vue中利用simplemde实现markdown编辑器（增加图片上传功能）

2019/04/29 Javascript

关于ligerui子页面关闭后,父页面刷新,重新加载的方法

2019/09/27 Javascript

[42:23]完美世界DOTA2联赛PWL S3 Forest vs Rebirth 第二场 12.10

2020/12/13 DOTA

Python中super函数的用法

2017/11/17 Python

浅谈Python中带_的变量或函数命名

2017/12/04 Python

python学习之matplotlib绘制散点图实例

2017/12/09 Python

python scipy卷积运算的实现方法

2019/09/16 Python

python编写一个会算账的脚本的示例代码

2020/06/02 Python

英国泽西岛植物：Jersey Plants Direct

2019/08/07 全球购物

捐书寄语赠言

2014/01/18 职场文书

校园环保建议书

2014/05/14 职场文书

《桂花雨》教学反思

2016/02/19 职场文书

闭幕词的写作格式与范文！

2019/06/24 职场文书

nginx 配置缓存

2022/05/11 Servers

windows10 家庭版下FTP服务器搭建教程

2022/08/05 Servers