Analysis on IE10 compatibility (cols attribute of frameset) _ javascript tips-js tutorial

The home page uses frameset to embed two pages. The left side is the menu bar. You can change the cols of frameset to shrink the page. Other browsers are normal, but IE10 does not respond to any recent requirements that involve browser compatibility. The first thing to deal with is ie10.

The home page uses frameset to embed two pages. The left side is the menu bar. You can change the cols of frameset to shrink the page. Other browsers are normal, but IE10 does not respond.

The Code is as follows:

Function hide_show (){
If (window. parent. outer_frame.cols = "0, 10 ,*"){
Frameshow. src = "<% = request. getContextPath () %>/common/images/left_handle.gif ";
P_hide_show.title = "hide"
Window. parent. outer_frame.cols = "210,10 ,*";
} Else {
Frameshow. src = "<% = request. getContextPath () %>/common/images/right_handle.gif ";
P_hide_show.title = "show"
Window. parent. outer_frame.cols = "0, 10 ,*";
}
}

Setting cols has no effect. You can set rows. This is because of the IE10 BUG. You need to adjust the page size to take effect:

The Code is as follows:

Function hide_show (){
If (window. parent. outer_frame.cols = "0, 10 ,*"){
Frameshow. src = "<% = request. getContextPath () %>/common/images/left_handle.gif ";
P_hide_show.title = "hide"
Window. parent. outer_frame.cols = "210,10 ,*";
} Else {
Frameshow. src = "<% = request. getContextPath () %>/common/images/right_handle.gif ";
P_hide_show.title = "show"
Window. parent. outer_frame.cols = "0, 10 ,*";
}

/* Force ie10 redraw */
If (navigator. userAgent. indexOf ('msie 10.0 ')! =-1 ){
Var w = parent.doc ument. body. clientWidth;
Parent.doc ument. body. style. width = w + 1 + 'px ';
SetTimeout (function (){
Parent.doc ument. body. style. width = w-1 + 'px ';
Parent.doc ument. body. style. width = 'auto ';
}, 0 );
}
}