浅析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 相关文章推荐
js中将多个语句写成一个语句的两种方法小结
Dec 08 Javascript
javascript 24小时弹出一次的代码(利用cookies)
Sep 03 Javascript
基于jquery实现的上传图片及图片大小验证、图片预览效果代码
Apr 12 Javascript
jQuery的slideToggle方法实例
May 07 Javascript
JavaScript闭包实例讲解
Apr 22 Javascript
jQuery设置指定网页元素宽度和高度的方法
Mar 25 Javascript
多种js图片预加载实现方式分享
Feb 19 Javascript
bootstrap网页框架的使用方法
May 10 Javascript
Node.js使用NodeMailer发送邮件实例代码
Mar 06 Javascript
JS对象的深度克隆方法示例
Mar 16 Javascript
JavaScript+HTML5实现的日期比较功能示例
Jul 12 Javascript
vue实现移动端触屏拖拽功能
Aug 21 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
Mac下php 5升级到php 7的步骤详解
2017/04/26 PHP
php把字符串指定字符分割成数组的方法
2018/03/12 PHP
用js 让图片在 div或dl里 居中,底部对齐
2008/01/21 Javascript
JavaScript入门教程(2) JS基础知识
2009/01/31 Javascript
JavaScript 拾漏补遗
2009/12/27 Javascript
web的各种前端打印方法之jquery打印插件jqprint实现网页打印
2013/01/09 Javascript
iscroll碰到Select无法选择下拉刷新的解决办法
2016/05/21 Javascript
JQuery 设置checkbox值二次无效的解决方法
2016/07/22 Javascript
微信小程序之页面跳转和参数传递的实现
2017/09/29 Javascript
axios使用拦截器统一处理所有的http请求的方法
2018/11/02 Javascript
仿iPhone通讯录制作小程序自定义选择组件的实现
2019/05/23 Javascript
Python不规范的日期字符串处理类
2014/06/10 Python
Python日期的加减等操作的示例
2017/08/15 Python
Python3调用百度AI识别图片中的文字功能示例【测试可用】
2019/03/13 Python
python assert的用处示例详解
2019/04/01 Python
Python监控服务器实用工具psutil使用解析
2019/12/19 Python
Python3.7安装pyaudio教程解析
2020/07/24 Python
python实现单机五子棋
2020/08/28 Python
pycharm 多行批量缩进和反向缩进快捷键介绍
2021/01/15 Python
localStorage 设置过期时间的方法实现
2018/12/21 HTML / CSS
Interflora澳大利亚:同日鲜花速递
2019/06/25 全球购物
经济实惠的名牌太阳镜和眼镜:Privé Revaux
2021/02/07 全球购物
牛津在线药房:Oxford Online Pharmacy
2020/11/16 全球购物
环境建设实施方案
2014/03/14 职场文书
房屋继承公证书
2014/04/10 职场文书
小学六一儿童节活动方案
2014/08/27 职场文书
作风转变心得体会
2014/09/02 职场文书
本溪关门山导游词
2015/02/09 职场文书
小学教师工作总结2015
2015/04/07 职场文书
讲座通知范文
2015/04/23 职场文书
同学会感言
2015/07/30 职场文书
2016年党课培训学习心得体会
2016/01/07 职场文书
2016应届毕业生就业指导课心得体会
2016/01/15 职场文书
只需要12页,掌握撰写一流商业计划书的技巧
2019/05/07 职场文书
Python OpenCV超详细讲解调整大小与图像操作的实现
2022/04/02 Python
nginx配置指令之server_name的具体使用
2022/08/14 Servers