脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → IE10 frameset

浅析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实现获取浏览器版本、操作系统类型

    javascript实现获取浏览器版本、操作系统类型

    这篇文章主要给大家分享一段javascript实现获取浏览器版本、操作系统类型的封装好的代码，使用非常方便，也很实用，推荐给大家。
    2015-01-01
  • Firefox下设为主页的JavaScript代码

    Firefox下设为主页的JavaScript代码

    在IE下，我们可以轻松使用以下代码来实现设置主页 但在firefox我们需要做的更多
    2008-09-09
  • JS原生实现轮播图的几种方法

    JS原生实现轮播图的几种方法

    这篇文章主要介绍了JS原生实现轮播图的几种方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • js漂浮广告实现代码

    js漂浮广告实现代码

    js漂浮广告实现代码，本质上就是一个来回滚动的小图片，也是一种广告形式，需要的朋友可以收藏下
    2015-08-08
  • 浅析XMLHttpRequest的缓存问题

    浅析XMLHttpRequest的缓存问题

    这篇文章主要是对XMLHttpRequest的缓存问题进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2013-12-12
  • Bootstrap CSS布局之列表

    Bootstrap CSS布局之列表

    这篇文章主要为大家详细介绍了Bootstrap CSS布局之列表的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 详解如何在JavaScript中使用装饰器

    详解如何在JavaScript中使用装饰器

    Decorator装饰器是ES7的时候提案的特性，目前处于Stage 3候选阶段（2022年10月）。装饰器简单来说就是修改类和类方法的语法糖，很多面向对象语言都有装饰器这一特性。本文就来说说如何在JavaScript中使用装饰器，需要的可以参考一下
    2022-10-10
  • 网页取色

    网页取色

    网页取色...
    2006-10-10
  • JS 获取HTML标签内的子节点的方法

    JS 获取HTML标签内的子节点的方法

    下面小编就为大家带来一篇JS 获取HTML标签内的子节点的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • JavaScript高级函数应用之分时函数实例分析

    JavaScript高级函数应用之分时函数实例分析

    这篇文章主要介绍了JavaScript高级函数应用之分时函数,结合实例形式分析了javascript通过合理分时函数应用避免浏览器卡顿或假死的相关操作技巧,需要的朋友可以参考下
    2018-08-08

最新评论