javascript之解决IE下不渲染的bug_javascript技巧
程序员文章站
2022-05-31 11:15:14
...
有时候,你会发现,在一些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 = “”;
此时你需要让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 = “”;
上一篇: 如何解决mysql数据库8小时无连接自动关闭_MySQL
下一篇: PHP事务的怎么写
推荐阅读
-
终于解决了IE8不支持数组的indexOf方法_javascript技巧
-
IE浏览器中图片onload事件无效的解决方法_javascript技巧
-
ie8 不支持new Date(2012-11-10)问题的解决方法_javascript技巧
-
JavaScript之IE的fireEvent方法详细解析_javascript技巧
-
javascript trim函数在IE下不能用的解决方法_jquery
-
innerHTML 和 getElementsByName 在IE下面的bug 的解决_javascript技巧
-
IE6中使用position导致页面变形的解决方案(js代码)_javascript技巧
-
ie 处理 gif动画 的onload 事件的一个 bug_javascript技巧
-
IE中JS跳转丢失referrer问题的2个解决方法_javascript技巧
-
IE6-IE9不支持table.innerHTML的解决方法分享_javascript技巧