浅析IE10兼容性问题(frameset的cols属性)
更新时间：2014年01月03日 08:53:26 作者：
主页用frameset嵌了两个页面，左侧为菜单栏，可以通过改变 frameset的cols来收缩。别的浏览器正常，但IE10却没任何的反应
最近需求涉及浏览器的兼容性，首先处理的是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实现京东快递单号查询，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
WEB泡泡堂2.0（图形界面+电脑对玩）(javascript)
WEB泡泡堂2.0（图形界面+电脑对玩）(javascript)2007-01-01
这篇文章主要介绍了JavaScript中通用的jquery动画滚屏实例,本文通过实际代码来详解实现方法,需要的朋友可以参考一下2022-07-07
es6中的import导入模块 和 export导出模块详解
require 是 CommonJS 模块系统中用于导入模块的关键字,采用同步加载方式；而 import 和 export 是 ES6 模块系统中用于导入和导出模块的关键字,采用静态加载方式,并且支持异步加载,这篇文章主要介绍了es6中的import导入模块 和 export导出模块,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了JavaScript如何禁止Backspace键，可以帮助大家解决“只读输入框在IE下按下Backspace键回退到前一个页面”的问题，感兴趣的小伙伴们可以参考一下2015-12-12
这篇文章主要介绍了js实现的页面矩阵图形变换特效,涉及JavaScript利用数组与字符串的数学运算操作页面节点样式变换的相关技巧,需要的朋友可以参考下2016-01-01
本文给大家推荐今年最流行最热门的7款JavaScript代码高亮插件，各有优缺点，大家根据下面的介绍，选择最适合自己的一款吧。2014-11-11
前面突然看到 Object.defineProperty,就顺道想到 Proxy,然后就想到了观察者案例,这边还没有用 javascript编写一个观察者的案例呢,顺道加入了一个 event-bus 监听事件案例,凑一起看一看不同的实现方式,需要的朋友可以参考下2023-08-08
这篇文章主要为大家详细介绍了bootstrap IE8 兼容性处理，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
可折叠区域的基本思想：通过点击某个地方来显示或隐藏屏幕中的某个区域。2010-10-10
最新评论