浅析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 相关文章推荐
JSON JQUERY模板实现说明
Jul 03 Javascript
IE图片缓存document.execCommand(&quot;BackgroundImageCache&quot;,false,true)
Mar 01 Javascript
JS实现动态给图片添加边框的方法
Apr 01 Javascript
JS中多种方式创建对象详解
Mar 22 Javascript
以WordPress为例讲解jQuery美化页面Title的方法
May 23 Javascript
Bootstrap组件之下拉菜单,多级菜单及按钮布局方法实例
May 25 Javascript
Js中async/await的执行顺序详解
Sep 22 Javascript
vue.js+element-ui动态配置菜单的实例
Sep 07 Javascript
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
Feb 15 jQuery
浅谈vue 锚点指令v-anchor的使用
Nov 13 Javascript
vue通过过滤器实现数据格式化
Jul 20 Javascript
一篇超完整的Vue新手入门指导教程
Nov 18 Vue.js
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中time()与$_SERVER[REQUEST_TIME]用法区别
2014/11/19 PHP
PHP获取表单数据与HTML嵌入PHP脚本的实现
2017/02/09 PHP
php利用ffmpeg提取视频中音频与视频画面的方法详解
2017/06/07 PHP
JavaScript脚本性能优化注意事项
2008/11/18 Javascript
Extjs学习笔记之九 数据模型(上)
2010/01/11 Javascript
动态加载脚本提升javascript性能
2014/02/24 Javascript
JS判断浏览器是否支持某一个CSS3属性的方法
2014/10/17 Javascript
Javascript实现div的toggle效果实例分析
2015/06/09 Javascript
异步加载JS、CSS代码(推荐)
2016/06/15 Javascript
hovertree插件实现二级树形菜单(简单实用)
2016/12/28 Javascript
Nodejs基于LRU算法实现的缓存处理操作示例
2017/03/17 NodeJs
vue better-scroll插件使用详解
2018/01/25 Javascript
vue内置指令详解
2018/04/03 Javascript
原生js实现公告滚动效果
2021/01/10 Javascript
node(koa2) web应用模块介绍详解
2019/03/29 Javascript
vue滚动固定顶部及修改样式的实例代码
2019/05/30 Javascript
react中hook介绍以及使用教程
2020/12/11 Javascript
[43:51]2014 DOTA2国际邀请赛中国区预选赛 Dream Times VS TongFu
2014/05/22 DOTA
[04:02]DOTA2上海特锦赛小组赛第二日recap精彩回顾
2016/02/28 DOTA
Python基础知识_浅谈用户交互
2017/05/31 Python
Python程序员面试题 你必须提前准备!
2018/01/16 Python
Win系统PyQt5安装和使用教程
2019/12/25 Python
python新手学习使用库
2020/06/11 Python
selenium切换标签页解决get超时问题的完整代码
2020/08/30 Python
Html5剪切板功能的实现代码
2018/06/29 HTML / CSS
英国床和浴室商场:Bed & Bath Emporium
2018/05/20 全球购物
Jacques Lemans德国:奥地利钟表品牌
2019/12/26 全球购物
Carrs Silver官网:英国著名的银器品牌
2020/08/29 全球购物
职业教育毕业生求职信
2013/11/09 职场文书
怎么写有吸引力的自荐信
2013/11/17 职场文书
英文留学推荐信范文
2014/01/25 职场文书
2014道德模范事迹材料
2014/02/16 职场文书
访谈节目策划方案
2014/05/15 职场文书
供电工程专业求职信
2014/08/09 职场文书
2019垃圾分类宣传口号汇总
2019/08/16 职场文书
导游词之山西关帝庙
2019/11/01 职场文书