javascript之解决IE下不渲染的bug


Posted in Javascript onJune 29, 2007

有时候,你会发现,在一些JS应用中,涉及到CSS的重新渲染(即页面样式需要更新)的话,IE死活不变。
此时你需要让IE重新渲染一下:

function handleIEhasLayout(){
  //trigger re-rendering
  document.body.style.zoom = 1.1;
  //restore it
  document.body.style.zoom = '';
}

有问题,记得执行一下handleIEhasLayout,万事OK。

原文:http://realazy.org/blog/2007/04/02/ie-haslayout-rerendering/

引用
IE5 似乎没有这个问题,IE6 有,我的 IE7 还是 beta2,版本号是 7.0.5346.5,也没有这个问题,一个朋友用的 beta3 版本号是 7.0.5450.4 居然说也有问题,我没有测试,用这个版本 IE 的朋友可以帮忙看看。

Dnew.cn 注:用这段代码似乎更好一些:

function reflow(){
var b = document.body;
b.style.zoom = b.style.zoom=="1"?"100%":"1";
}

使用style.zoom在某些情况下还会出现不能全部渲染的问题,比如页面内容很少,没有占满屏幕。
(shiweiwei97)的方法是:

document.body.style.display = “none”;
document.body.style.display = “”;

Javascript 相关文章推荐
Javascript中获取出错代码所在文件及行数的代码
Sep 23 Javascript
JS教程:window.location使用方法的区别介绍
Oct 04 Javascript
jQuery 仿百度输入标签插件附效果图
Jul 04 Javascript
JS实现的多张图片轮流播放幻灯片效果
Jul 22 Javascript
JavaScript实现两个select下拉框选项左移右移
Mar 09 Javascript
vue2.0项目实现路由跳转的方法详解
Jun 21 Javascript
利用Angular7开发一个Radio组件的全过程
Jul 11 Javascript
layui 解决form表单点击无反应的问题
Oct 25 Javascript
jquery实现购物车基本功能
Oct 25 jQuery
javascript设计模式之迭代器模式
Jan 30 Javascript
vue中的使用token的方法示例
Mar 10 Javascript
JavaScript实现表单验证功能
Dec 09 Javascript
JavaScript与C# Windows应用程序交互方法
Jun 29 #Javascript
innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别
Jun 29 #Javascript
javascript之函数直接量(function(){})()
Jun 29 #Javascript
javascript延时重复执行函数 lLoopRun.js
Jun 29 #Javascript
JavaScript 编程引入命名空间的方法
Jun 29 #Javascript
你需要知道的JavsScript可以做什么?
Jun 29 #Javascript
ECMAScript 基础知识
Jun 29 #Javascript
You might like
一步一步学习PHP(1) php开发环境配置
2010/02/15 PHP
解析php多线程下载远程多个文件
2013/06/25 PHP
浅谈php的优缺点
2015/07/14 PHP
PHP模糊查询的实现方法(推荐)
2016/09/06 PHP
Zend Framework校验器Zend_Validate用法详解
2016/12/09 PHP
php简单读取.vcf格式文件的方法示例
2017/09/02 PHP
JavaScript方法和技巧大全
2006/12/27 Javascript
ajax无刷新动态调用股票信息(改良版)
2008/11/01 Javascript
基于jQuery的左右滚动实现代码
2010/12/03 Javascript
html5 canvas js(数字时钟)实例代码
2013/12/23 Javascript
jQuery之字体大小的设置方法
2014/02/27 Javascript
一个不错的js html页面倒计时可精确到秒
2014/10/22 Javascript
JS动态创建DOM元素的方法
2015/06/09 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
2016/12/26 Javascript
Angularjs中使用指令绑定点击事件的方法
2017/03/30 Javascript
通过jquery的ajax请求本地的json文件方法
2018/08/08 jQuery
vue实现与安卓、IOS交互的方法
2018/11/02 Javascript
Nuxt.js SSR与权限验证的实现
2018/11/21 Javascript
vue+render+jsx实现可编辑动态多级表头table的实例代码
2020/04/01 Javascript
[03:10]2014DOTA2 TI马来劲旅Titan首战告捷目标只是8强
2014/07/10 DOTA
python算法学习之桶排序算法实例(分块排序)
2013/12/18 Python
python anaconda 安装 环境变量 升级 以及特殊库安装的方法
2017/06/21 Python
详解python里使用正则表达式的全匹配功能
2017/10/19 Python
TensorFlow在MAC环境下的安装及环境搭建
2017/11/14 Python
详谈在flask中使用jsonify和json.dumps的区别
2018/03/26 Python
只需7行Python代码玩转微信自动聊天
2019/01/27 Python
numpy np.newaxis 的实用分享
2019/11/30 Python
TensorFlow tf.nn.max_pool实现池化操作方式
2020/01/04 Python
Pycharm安装Qt Design快捷工具的详细教程
2020/11/18 Python
CSS3解决移动页面上点击链接触发色块的问题
2016/06/03 HTML / CSS
纯CSS3实现滚动的齿轮动画效果
2014/06/05 HTML / CSS
台湾家适得:Homeget
2019/02/11 全球购物
Java工程师面试集锦之Spring框架
2013/06/16 面试题
预备党员思想汇报范文
2013/12/29 职场文书
商学院大学生求职的自我评价
2014/03/12 职场文书
如何开发一个渐进式Web应用程序PWA
2021/05/10 Javascript