Chrome下ifame父窗口调用子窗口的问题示例探讨
更新时间：2014年03月17日 16:24:52 作者：
这篇文章主要介绍了Chrome下ifame父窗口调用子窗口的问题,需要的朋友可以参考下
项目中遇到的一个浏览器不兼容问题：
在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下只能用第二种写法，所以需要考虑多种浏览器兼容问题的时候应采用第二种写法。
在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下只能用第二种写法，所以需要考虑多种浏览器兼容问题的时候应采用第二种写法。
相关文章
javascript连接mysql与php通过odbc连接任意数据库的实例
下面小编就为大家分享一篇javascript连接mysql与php通过odbc连接任意数据库的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
下面小编就为大家带来一篇封装运动框架实战左右与上下滑动的焦点轮播图(实例)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
鉴于网上找到的几个日期选择程序有些问题，遂着手重写一个程序，添加了时间选择功能，截图及源码如下，有需要的朋友可以参考下2013-08-08
本文主要介绍了javascript函数的4种调用方式与this（上下文）的指向，文中有详细的代码示例，感兴趣的同学可以参考阅读一下2023-05-05
这篇文章主要介绍了如何通过JavaScript语言实现动图表格的生成以及动态效果的实现，文中的示例代码讲解详细，感兴趣的可以了解一下2022-02-02
这篇文章主要介绍了js实现json数组分组合并操作,涉及javascript针对json数组的遍历、判断、添加、赋值等相关操作技巧,需要的朋友可以参考下2019-02-02
本想从语言的角度来分析，无奈功力不够，只能粗浅的尝试一下，于是称之管中窥豹，还望大牛指正2011-12-12
在项目中使用scroll事件去加载数据，结果IE下悲剧了。下面为大家介绍下window resize和scroll事件的基本优化思路,需要的朋友可以参考下2014-04-04
JavaScript状态模式是一种行为型设计模式,核心是对象在其内部状态改变时改变其行为,状态模式将对象的行为封装到不同的状态类中,使得对象在不同状态下可以选择不同的行为,本文给大家详细的介绍一下状态设计模式在Js中的使用,需要的朋友可以参考下2023-08-08
这篇文章主要为大家介绍了JavaScript的Proxy对象，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
最新评论