浅析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 相关文章推荐
计算新浪Weibo消息长度(还可以输入119字)
Jul 02 Javascript
js与运算符和或运算符的妙用
Feb 14 Javascript
jquery删除数据记录时的弹出提示效果
May 06 Javascript
JavaScript设计模式之原型模式(Object.create与prototype)介绍
Dec 28 Javascript
javascript包装对象实例分析
Mar 27 Javascript
js中最容易被忽视的事件问题大总结
May 15 Javascript
JS/jquery实现一个网页内同时调用多个倒计时的方法
Apr 27 jQuery
JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)
Jun 09 Javascript
JavaScript中正则表达式使数字、中文或指定字符高亮显示
Oct 31 Javascript
浅谈vue的props,data,computed变化对组件更新的影响
Jan 16 Javascript
JavaScript实现打砖块游戏
Feb 25 Javascript
JavaScript中arguments的使用方法详解
Dec 20 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 8小时时间差的解决方法小结
2009/12/22 PHP
ThinkPHP的URL重写问题
2014/06/22 PHP
php一个文件搞定微信jssdk配置
2016/12/12 PHP
PHP实现给定一列字符,生成指定长度的所有可能组合示例
2019/06/22 PHP
PHP生成图表pChart的示例解析
2020/07/31 PHP
原生JS可拖动弹窗效果实例代码
2013/11/09 Javascript
JS中getYear()和getFullYear()区别分析
2014/07/04 Javascript
javascript中hasOwnProperty() 方法使用指南
2015/03/09 Javascript
javascript格式化json显示实例分析
2015/04/21 Javascript
js实现从右向左缓缓浮出网页浮动层广告的方法
2015/05/09 Javascript
jQuery+canvas实现的球体平抛及颜色动态变换效果
2016/01/28 Javascript
JS实现关闭当前页而不弹出提示框的方法
2016/06/22 Javascript
使用JavaScript判断手机浏览器是横屏还是竖屏问题
2016/08/02 Javascript
Node.js复制文件的方法示例
2016/12/29 Javascript
js手机号批量滚动抽奖实现代码
2020/04/17 Javascript
Node.js+Express+MySql实现用户登录注册功能
2017/07/10 Javascript
AngularJS中filter的使用实例详解
2017/08/25 Javascript
element-ui的回调函数Events的用法详解
2018/10/16 Javascript
JS实现TITLE悬停长久显示效果完整示例
2020/02/11 Javascript
Vue实现图片轮播组件思路及实例解析
2020/05/11 Javascript
通过代码实例展示Python中列表生成式的用法
2015/03/31 Python
利用python画一颗心的方法示例
2017/01/31 Python
python numpy和list查询其中某个数的个数及定位方法
2018/06/27 Python
使用Python做定时任务及时了解互联网动态
2019/05/15 Python
python入门:argparse浅析 nargs='+'作用
2020/07/12 Python
django序列化时使用外键的真实值操作
2020/07/15 Python
基于python实现MQTT发布订阅过程原理解析
2020/07/27 Python
时尚圣经:The Fashion Bible
2019/03/03 全球购物
解释下面关于J2EE的名词
2013/11/15 面试题
大学旷课检讨书
2014/01/28 职场文书
2014年庆元旦活动方案
2014/02/15 职场文书
婚假请假条怎么写
2014/04/10 职场文书
医德医风自我评价
2014/09/19 职场文书
2014年招生工作总结
2014/11/26 职场文书
详解nodejs内置模块
2021/05/06 NodeJs
springcloud之Feign超时问题的解决
2021/06/24 Java/Android