Chrome下ifame父窗口调用子窗口的问题示例探讨

2014-03-17 10

项目中遇到的一个浏览器不兼容问题:

在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文章

javascript 写类方式之一
Jul 05 13
JavaScript字符串插入、删除、替换函数使用示例
Jul 25 11
jquery实现当滑动到一定位置时固定效果
Jun 17 13
jQuery实现的导航下拉菜单效果
Jul 04 7
瀑布流的实现方式(原生js+jquery+css3)
Jun 28 9
Vue2.0权限树组件实现代码
Aug 29 9
从零开始学习搭建React脚手架项目
Aug 23 10
手机访问当前页面