IE10互換性問題の簡単な分析（フレームセットのcols属性）_javascriptスキル

最近の要件にはブラウザの互換性が関係しており、最初に対応する必要があるのは ie10 です。

ホームページはフレームセットを使用して 2 つのページを埋め込みます。左側はメニュー バーで、フレームセットの列を変更することで縮小できます。他のブラウザは正常に動作しますが、IE10 は応答がありません。

コードをコピー コードは次のとおりです。

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,*";
}
}

cols の設定は効果がありませんが、rows の設定は効果があります。これは IE10 のバグの問題によるもので、有効にするにはページ サイズを調整する必要があります:

コードをコピーします コードは次のとおりです。

function hide_show(){
if(window.parent.outer_frame. Cols=="0,10,*"){
frameshow.src="<%=request.getContextPath()%>/common/images/left_handle.gif";
div_hide_show.title=" Hide"
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,*";
}

/*ie10 の再描画を強制*/
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);
}
}