当前位置：首页 > 资讯 > 技术文档

浅析IE10兼容性问题(frameset的cols属性)

时间：2020-09-16 16:00 编辑：来源：阅读：
扫一扫，手机访问

摘要：浅析IE10兼容性问题(frameset的cols属性)

最近需求涉及浏览器的兼容性，首先处理的是ie10。主页用 frameset 嵌了两个页面，左侧为菜单栏，可以通过改变 frameset 的 cols 来收缩。别的浏览器正常，但 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的BUG问题，需要调整页面大小才会生效：

[u]复制代码[/u] 代码如下:

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);
}
}

全部评论(0)

上一篇：JavaScript中判断数据类型的方法总结
下一篇：js定时器实现倒计时效果

资讯排行榜
更多>>