浅析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 相关文章推荐
颜色选择器 Color Picker,IE,Firefox,Opera,Safar
Nov 25 Javascript
jquery键盘事件使用介绍
Nov 01 Javascript
学习JavaScript设计模式之装饰者模式
Jan 19 Javascript
js实现div在页面拖动效果
May 04 Javascript
微信小程序 地图(map)实例详解
Nov 16 Javascript
Node.js中文件操作模块File System的详细介绍
Jan 05 Javascript
jquery实现倒计时小应用
Sep 19 jQuery
jQuery中each遍历的三种方法实例分析
Sep 07 jQuery
VUE 配置vue-devtools调试工具及安装方法
Sep 30 Javascript
详解Vue中使用插槽(slot)、聚类插槽
Apr 12 Javascript
微信小程序云开发 生成带参小程序码流程
May 18 Javascript
基于Vue.js与WordPress Rest API构建单页应用详解
Sep 16 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+Mysql+jQuery实现动态展示信息
2011/10/08 PHP
Zend Framework框架之Zend_Mail实现发送Email邮件验证功能及解决标题乱码的方法
2016/03/21 PHP
php preg_match的匹配不同国家语言实例
2016/12/29 PHP
php框架CodeIgniter主从数据库配置方法分析
2018/05/25 PHP
基于PHP实现堆排序原理及实例详解
2020/06/19 PHP
JavaScript 的方法重载效果
2009/08/07 Javascript
通用javascript脚本函数库 方便开发
2009/10/13 Javascript
js解析与序列化json数据(一)json.stringify()的基本用法
2013/02/01 Javascript
js中的setInterval和setTimeout使用实例
2014/05/09 Javascript
jQuery中insertAfter()方法用法实例
2015/01/08 Javascript
js实现点击链接后延迟3秒再跳转的方法
2015/06/05 Javascript
JavaScript设置表单上传时文件个数的方法
2015/08/11 Javascript
实例讲解jQuery中对事件的命名空间的运用
2016/05/24 Javascript
原生js实现弹出层效果
2017/01/20 Javascript
Nodejs 复制文件/文件夹的方法
2017/08/24 NodeJs
原生JS实现瀑布流插件
2018/02/06 Javascript
简单的三步vuex入门
2018/05/20 Javascript
vue2使用keep-alive缓存多层列表页的方法
2018/09/21 Javascript
JS实现将对象转化为数组的方法分析
2019/01/21 Javascript
vuejs数据超出单行显示更多,点击展开剩余数据实例
2019/05/05 Javascript
element表格翻页第2页从1开始编号(后端从0开始分页)
2019/12/10 Javascript
JS document文档的简单操作完整示例
2020/01/13 Javascript
python学习数据结构实例代码
2015/05/11 Python
python清除字符串里非字母字符的方法
2015/07/02 Python
python获取url的返回信息方法
2018/12/17 Python
python绘制已知点的坐标的直线实例
2019/07/04 Python
opencv resize图片为正方形尺寸的实现方法
2019/12/26 Python
htmlentities() 和 htmlspecialchars()有什么区别
2015/07/01 面试题
播音主持专业个人自我评价
2014/01/09 职场文书
致百米运动员广播稿
2014/01/29 职场文书
大学教师师德师风演讲稿
2014/08/22 职场文书
个人查摆剖析材料
2014/10/04 职场文书
经营场所使用证明
2015/06/19 职场文书
微信小程序实现拍照和相册选取图片
2021/05/09 Javascript
Python超简单容易上手的画图工具库推荐
2021/05/10 Python
解析MySQL binlog
2021/06/11 MySQL