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 相关文章推荐
js 日期转换成中文格式的函数
Jul 07 Javascript
图像替换新技术 状态域方法
Jan 28 Javascript
jQuery客户端分页实例代码
Nov 18 Javascript
js实现touch移动触屏滑动事件
Apr 17 Javascript
JavaScript实现点击自动选择TextArea文本的方法
Jul 02 Javascript
如何实现JavaScript动态加载CSS和JS文件
Dec 28 Javascript
JS触发服务器控件的单击事件(详解)
Aug 06 Javascript
微信小程序-滚动消息通知的实例代码
Aug 03 Javascript
checkbox:click事件触发span元素内容改变的方法
Sep 11 Javascript
node基于puppeteer模拟登录抓取页面的实现
May 09 Javascript
使用微信SDK自定义分享的方法
Jul 03 Javascript
Vue如何实现变量表达式选择器
Feb 18 Vue.js
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逐行输出(ob_flush与flush的组合)
2012/02/04 PHP
PHP 常用数组内部函数(Array Functions)介绍
2013/06/05 PHP
PHP中上传多个文件的表单设计例子
2014/11/19 PHP
php使用递归计算文件夹大小
2014/12/24 PHP
laravel 使用auth编写登录的方法
2019/09/30 PHP
PHP 图片合成、仿微信群头像的方法示例
2019/10/25 PHP
js类 from qq
2006/11/13 Javascript
jQuery对表单元素的取值和赋值操作代码
2011/05/19 Javascript
jQuery 一个图片切换的插件
2011/10/09 Javascript
通过url查找a元素并点击
2014/04/09 Javascript
node.js中的fs.truncateSync方法使用说明
2014/12/15 Javascript
基于JS实现的倒计时程序实例
2015/07/24 Javascript
基于jQuery实现搜索关键字自动匹配功能
2020/03/26 Javascript
基于nodejs+express(4.x+)实现文件上传功能
2015/11/23 NodeJs
JavaScript是如何实现继承的(六种方式)
2016/03/31 Javascript
jQuery使用经验小技巧(推荐)
2016/05/31 Javascript
jQuery实现的自定义滚动条实例详解
2016/09/20 Javascript
Bootstrap CSS组件之导航条(navbar)
2016/12/17 Javascript
jquery.zclip轻量级复制失效问题
2017/01/08 Javascript
vue引入ueditor及node后台配置详解
2018/01/03 Javascript
Angular使用ControlValueAccessor创建自定义表单控件
2019/03/08 Javascript
[48:22]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python变量和字符串详解
2017/04/29 Python
Python使用回溯法子集树模板获取最长公共子序列(LCS)的方法
2017/09/08 Python
python 递归深度优先搜索与广度优先搜索算法模拟实现
2018/10/22 Python
python 利用pyttsx3文字转语音过程详解
2019/09/25 Python
Pytorch提取模型特征向量保存至csv的例子
2020/01/03 Python
Django中的DateTimeField和DateField实现
2021/02/24 Python
HTML5利用约束验证API来检查表单的输入数据的代码实例
2016/12/20 HTML / CSS
Html5移动端div固定到底部实现底部导航条的几种方式
2021/03/09 HTML / CSS
DHC美国官网:日本通信销售第一的化妆品品牌
2017/11/12 全球购物
WWE美国职业摔角官方商店:WWE Shop
2018/11/15 全球购物
社团活动总结报告
2014/06/27 职场文书
研讨会致辞
2015/07/31 职场文书
爱国教育主题班会
2015/08/14 职场文书
Mysql查询时间区间日期列表,不会由于数据表数据影响
2022/04/19 MySQL