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


Posted in Javascript onJanuary 03, 2014

最近需求涉及浏览器的兼容性,首先处理的是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);
}
}
Javascript 相关文章推荐
IE php关于强制下载文件的代码
Aug 23 Javascript
js下关于onmouseout、事件冒泡的问题经验小结
Dec 09 Javascript
js 静态动态成员 and 信息的封装和隐藏
May 29 Javascript
jQuery 遍历- 关于closest() 的方法介绍以及与parents()的方法区别分析
Apr 26 Javascript
JQuery EasyUI 数字格式化处理示例
May 05 Javascript
第一次接触Bootstrap框架
Oct 24 Javascript
jQ处理xml文件和xml字符串的方法(详解)
Nov 22 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
Dec 18 Javascript
Vuex中mutations与actions的区别详解
Mar 01 Javascript
通过一次报错详细谈谈Point事件
May 17 Javascript
一百行JS代码实现一个校验工具
Apr 30 Javascript
JavaScript实现通讯录功能
Dec 27 Javascript
js在输入框屏蔽按键,只能键入数字的示例代码
Jan 03 #Javascript
JS+JSP checkBox 全选具体实现
Jan 02 #Javascript
使用js完成节点的增删改复制等的操作
Jan 02 #Javascript
js实现动态改变字体大小代码
Jan 02 #Javascript
js创建元素(节点)示例
Jan 02 #Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
Jan 02 #Javascript
新增加的内容是如何将div的scrollbar自动移动最下面
Jan 02 #Javascript
You might like
PHP多进程编程实例
2014/10/15 PHP
PHPMailer发送邮件
2016/12/28 PHP
Javascript条件判断使用小技巧总结
2008/09/08 Javascript
JQuery 常用操作代码
2010/03/14 Javascript
javascript实现模拟时钟的方法
2015/05/13 Javascript
JS实现具备延时功能的滑动门菜单效果
2015/09/17 Javascript
jQuery多级手风琴菜单实例讲解
2015/10/22 Javascript
JS实现Select的option上下移动的方法
2016/03/01 Javascript
Node.js服务器环境下使用Mock.js拦截AJAX请求的教程
2016/05/23 Javascript
jQuery1.9+中删除了live以后的替代方法
2016/06/17 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
2017/01/12 Javascript
纯js三维数组实现三级联动效果
2017/02/07 Javascript
基于AngularJS实现表单验证功能
2017/07/28 Javascript
JS Input里添加小图标的两种方法
2017/11/11 Javascript
基于vue监听滚动事件实现锚点链接平滑滚动的方法
2018/01/17 Javascript
JavaScript对JSON数组简单排序操作示例
2019/01/31 Javascript
ES10的13个新特性示例(小结)
2019/09/23 Javascript
javascript实现摄像头拍照预览
2019/09/30 Javascript
微信小程序学习之自定义滚动弹窗
2020/12/20 Javascript
python实现备份目录的方法
2015/08/03 Python
详解Python中的from..import绝对导入语句
2016/06/21 Python
Python基础中所出现的异常报错总结
2016/11/19 Python
Python HTTP客户端自定义Cookie实现实例
2017/04/28 Python
Python基于回溯法子集树模板解决选排问题示例
2017/09/07 Python
Python实现的计算器功能示例
2018/04/26 Python
Python使用random.shuffle()打乱列表顺序的方法
2018/11/08 Python
Pandas GroupBy对象 索引与迭代方法
2018/11/16 Python
python 字典item与iteritems的区别详解
2020/04/25 Python
详解python中的异常捕获
2020/12/15 Python
香奈儿美国官网:CHANEL美国
2020/05/20 全球购物
经典的班主任推荐信
2013/10/28 职场文书
学校班班通实施方案
2014/06/11 职场文书
松材线虫病防治方案
2014/06/15 职场文书
神农溪导游词
2015/02/11 职场文书
交通安全学习心得体会
2016/01/18 职场文书
Python机器学习之决策树和随机森林
2021/07/15 Javascript