手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >浅析IE10兼容性问题(frameset的cols属性)
浅析IE10兼容性问题(frameset的cols属性)
摘要:最近需求涉及浏览器的兼容性,首先处理的是ie10。主页用frameset嵌了两个页面,左侧为菜单栏,可以通过改变frameset的cols来...

最近需求涉及浏览器的兼容性,首先处理的是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);

}

}

【浅析IE10兼容性问题(frameset的cols属性)】相关文章:

JS实现模拟风力的雪花飘落效果

JavaScript对传统文档对象模型的支持

JavaScript中Number.MIN_VALUE属性的使用示例

JQuery中DOM事件绑定用法详解

Javascript 事件捕获的备忘(setCapture,captureEvents)

对联广告 可关闭

javascript基于DOM实现权限选择实例分析

JS的IE和Firefox兼容性集锦

JS获取时间的相关函数及时间戳与时间日期之间的转换

JavaScript实现广告的关闭与显示效果实例

精品推荐
分类导航