Chrome下用jquery得到图片的宽度

相信用过jquery的人对$(function(){})事件并不陌生,它的解析顺序是在文档准备就绪,单文档中的图片等对象正在下载的时候开始运行的。虽然$(function(){})事件在大多数情况下都OK,但在某些时候使用$(function(){})事件并不一定能达到我们预期的效果,比如一些视觉效果和动画、拖拽、预读取隐藏图片等…通过使用$(window).load事件便可以安全的在整个文档都准备就绪之后再开始运行你期望的代码。 $(window).load(function(){ // 将你希望在页面完全就绪之后运行的代码放在这里 });

 

[javascript]  view plain copy
  1. <!DOCTYPE html>  
  2. <html>  
  3.   <head>  
  4.     <meta charset="gbk" />  
  5.     <title>Chrome下用jquery得到图片的宽度</title>  
  6.     <script type="text/javascript" src="jquery.js"></script>  
  7.     <script type="text/javascript">  
  8.       $(function(){   
  9.         alert($("#pic").width()); // 这里chrome得到的width为0,ie,firefox正常   
  10.        });  
  11.       $(window).load(function(){   
  12.         alert($("#pic").width()); // 得到正常width   
  13.       });  
  14.     </script>  
  15.   </head>  
  16.   <body>  
  17.     <img id="pic" src="images/test.jpg" alt="test"/>  
  18.   </body>  
  19. </html>  


 

转载请注明:  Chrome下用jquery得到图片的宽度 | 编程笔记  http://www.bianchengbiji.com/topics/18.html
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值