Chrome下ifame父窗口調(diào)用子窗口的問題示例探討
更新時間:2014年03月17日 16:24:52 作者:
這篇文章主要介紹了Chrome下ifame父窗口調(diào)用子窗口的問題,需要的朋友可以參考下
項目中遇到的一個瀏覽器不兼容問題:
在IE和Firefox下直接在ifame框架頁的父窗口用子窗口的name調(diào)用子窗口的js函數(shù)都好使,在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>此網(wǎng)頁使用了框架,但您的瀏覽器不支持框架。</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下只能用第二種寫法,所以需要考慮多種瀏覽器兼容問題的時候應(yīng)采用第二種寫法。
在IE和Firefox下直接在ifame框架頁的父窗口用子窗口的name調(diào)用子窗口的js函數(shù)都好使,在Chrome下不好使。
復(fù)制代碼 代碼如下:
<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>此網(wǎng)頁使用了框架,但您的瀏覽器不支持框架。</p>
</body>
</noframes>
</frameset>
在IE和Firefox下可以這樣寫:
復(fù)制代碼 代碼如下:
function changeMenu(menu_id){
header.window.changeMenu(menu_id);
}
或者是:
復(fù)制代碼 代碼如下:
function changeMenu(menu_id){
frames[0].changeMenu(menu_id);
}
都可以 ,
在Chrome下只能用第二種寫法,所以需要考慮多種瀏覽器兼容問題的時候應(yīng)采用第二種寫法。
相關(guān)文章
javascript連接mysql與php通過odbc連接任意數(shù)據(jù)庫的實例
下面小編就為大家分享一篇javascript連接mysql與php通過odbc連接任意數(shù)據(jù)庫的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
封裝運動框架實戰(zhàn)左右與上下滑動的焦點輪播圖(實例)
下面小編就為大家?guī)硪黄庋b運動框架實戰(zhàn)左右與上下滑動的焦點輪播圖(實例)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
javascript函數(shù)的4種調(diào)用方式與this的指向
本文主要介紹了javascript函數(shù)的4種調(diào)用方式與this(上下文)的指向,文中有詳細(xì)的代碼示例,感興趣的同學(xué)可以參考閱讀一下2023-05-05
JavaScript實現(xiàn)生成動態(tài)表格和動態(tài)效果的方法詳解
這篇文章主要介紹了如何通過JavaScript語言實現(xiàn)動圖表格的生成以及動態(tài)效果的實現(xiàn),文中的示例代碼講解詳細(xì),感興趣的可以了解一下2022-02-02
window resize和scroll事件的基本優(yōu)化思路
在項目中使用scroll事件去加載數(shù)據(jù),結(jié)果IE下悲劇了。下面為大家介紹下window resize和scroll事件的基本優(yōu)化思路,需要的朋友可以參考下2014-04-04

