<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta. http-equiv=”Content-Type” content=”text/html; charset=gb2312” />
<title>修复chrome不能得到图片宽度</title>
<script. type=”text/javascript” src=”js/jquery.js”></script>
<script. type=”text/javascript”>
$(document).ready(function(){
alert($(“#pic”).width());
});
$(window).load(function(){
alert($(“#pic”).width());
});
</script>

</head>

<body>
<img id=”pic” src=”images/plant1.jpg” />
</body>
</html>

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

 

大多数jQuery实例或教程都告诉我们绑定我们的jQuery代码到$(document).ready事件。虽然$(document).ready事件在大多数情况下都OK，但是它的解析顺序是在文档准备就绪，单文档中的图片等对象正在下载的时候开始运行的。所以在某些时候使用$(document).ready事件并不一定能达到我们预期的效果，比如一些视觉效果和动画、拖拽、预读取隐藏图片等…通过使用$(window).load事件便可以安全的在整个文档都准备就绪之后再开始运行你期望的代码。

网络转载

$(window).load(function(){
// 将你希望在页面完全就绪之后运行的代码放在这里
});