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

更新时间：2014年01月03日 08:53:26 作者：

主页用frameset嵌了两个页面，左侧为菜单栏，可以通过改变 frameset的cols来收缩。别的浏览器正常，但IE10却没任何的反应

最近需求涉及浏览器的兼容性，首先处理的是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问题，需要调整页面大小才会生效：

复制代码代码如下:

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

js实现双向链表互联网机顶盒实战应用实现
js实现双向链表互联网机顶盒实战应用实现，需要的朋友可以参考下。
2011-10-10
element ui - el-button 重新渲染后disabled属性失效问题解决
这篇文章主要介绍了elementui el-button重新渲染后disabled属性失效问题解决,解决方法也很简单，给el-button元素添加key值就可以了，需要的朋友可以参考下
2023-07-07
uniapp组件传值的方法(父传子,子传父,对象传值)实战案例
现在的前端开发中基本上都是组件化开发的,下面这篇文章主要给大家介绍了关于uniapp组件传值(父传子,子传父,对象传值)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2023-03-03
老生常谈js中的MVC
下面小编就为大家带来一篇老生常谈js中的MVC。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-07-07
JS中关于filter()方法的使用及说明
这篇文章主要介绍了JS中关于filter()方法的使用及说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-05-05
js实现表格单列按字母排序
这篇文章主要为大家详细介绍了js实现表格单列按字母排序，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-08-08
JavaScript接入百度地图API的方法步骤
在网站开发过程中，经常会调用到地图，百度地图JavaScript API可帮助您在网站中构建功能丰富、交互性强的地图应用，本文就详细的介绍一下，感兴趣的可以了解一下
2021-07-07
JavaScript通过极大极小值算法实现AI井字棋游戏
极小极大值搜索算法是一种零和算法，是用来最小化对手的利益，最大化自己的利益的算法。极小极大之搜索算法常用于棋类游戏等双方较量的游戏和程序，算是一种电脑AI算法。本文将介绍通过这个算法实现的一个井字棋游戏，需要的可以参考一下
2021-12-12
JS+JSP checkBox 全选具体实现
本文为大家介绍下使用JS+JSP实现checkBox全选，下面有个不错的示例，感兴趣的朋友可以参考下
2014-01-01
在web中js实现类似excel的表格控件
这篇文章主要介绍了如何在web中实现类似excel的表格控件,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-09-09