淺析IE10兼容性問題(frameset的cols屬性)
更新時(shí)間：2014年01月03日 08:53:26 作者：
主頁用frameset嵌了兩個(gè)頁面，左側(cè)為菜單欄，可以通過改變 frameset的cols來收縮。別的瀏覽器正常，但I(xiàn)E10卻沒任何的反應(yīng)
最近需求涉及瀏覽器的兼容性，首先處理的是ie10。
主頁用 frameset 嵌了兩個(gè)頁面，左側(cè)為菜單欄，可以通過改變 frameset 的 cols 來收縮。別的瀏覽器正常，但 IE10 卻沒任何的反應(yīng)。
復(fù)制代碼 代碼如下:
function hide_show(){
if(window.parent.outer_frame.cols=="0,10,*"){
frameshow.src="<%=request.getContextPath()%>/common/images/left_handle.gif";
div_hide_show.title="隱藏"
window.parent.outer_frame.cols = "210,10,*";
}else{
frameshow.src="<%=request.getContextPath()%>/common/images/right_handle.gif";
div_hide_show.title="顯示"
window.parent.outer_frame.cols = "0,10,*";
}
}
設(shè)置cols無效果，設(shè)置rows可以，這個(gè)是由于IE10的BUG問題，需要調(diào)整頁面大小才會(huì)生效：
復(fù)制代碼 代碼如下:
function hide_show(){
if(window.parent.outer_frame.cols=="0,10,*"){
frameshow.src="<%=request.getContextPath()%>/common/images/left_handle.gif";
div_hide_show.title="隱藏"
window.parent.outer_frame.cols = "210,10,*";
}else{
frameshow.src="<%=request.getContextPath()%>/common/images/right_handle.gif";
div_hide_show.title="顯示"
window.parent.outer_frame.cols = "0,10,*";
}
/*force ie10 redraw*/
if(navigator.userAgent.indexOf('MSIE 10.0') != -1){
var w = parent.document.body.clientWidth;
parent.document.body.style.width = w + 1 + 'px';
setTimeout(function(){
parent.document.body.style.width = w - 1 + 'px';
parent.document.body.style.width = 'auto';
}, 0);
}
}
相關(guān)文章
javascript實(shí)現(xiàn)獲取瀏覽器版本、操作系統(tǒng)類型
這篇文章主要給大家分享一段javascript實(shí)現(xiàn)獲取瀏覽器版本、操作系統(tǒng)類型的封裝好的代碼，使用非常方便，也很實(shí)用，推薦給大家。2015-01-01
Firefox下設(shè)為主頁的JavaScript代碼
在IE下，我們可以輕松使用以下代碼來實(shí)現(xiàn)設(shè)置主頁 但在firefox我們需要做的更多2008-09-09
這篇文章主要介紹了JS原生實(shí)現(xiàn)輪播圖的幾種方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
js漂浮廣告實(shí)現(xiàn)代碼，本質(zhì)上就是一個(gè)來回滾動(dòng)的小圖片，也是一種廣告形式，需要的朋友可以收藏下2015-08-08
這篇文章主要是對(duì)XMLHttpRequest的緩存問題進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
這篇文章主要為大家詳細(xì)介紹了Bootstrap CSS布局之列表的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
Decorator裝飾器是ES7的時(shí)候提案的特性，目前處于Stage?3候選階段（2022年10月）。裝飾器簡(jiǎn)單來說就是修改類和類方法的語法糖，很多面向?qū)ο笳Z言都有裝飾器這一特性。本文就來說說如何在JavaScript中使用裝飾器，需要的可以參考一下2022-10-10
網(wǎng)頁取色...2006-10-10
JS 獲取HTML標(biāo)簽內(nèi)的子節(jié)點(diǎn)的方法
下面小編就為大家?guī)硪黄狫S 獲取HTML標(biāo)簽內(nèi)的子節(jié)點(diǎn)的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
JavaScript高級(jí)函數(shù)應(yīng)用之分時(shí)函數(shù)實(shí)例分析
這篇文章主要介紹了JavaScript高級(jí)函數(shù)應(yīng)用之分時(shí)函數(shù),結(jié)合實(shí)例形式分析了javascript通過合理分時(shí)函數(shù)應(yīng)用避免瀏覽器卡頓或假死的相關(guān)操作技巧,需要的朋友可以參考下2018-08-08