jquery在Chrome下获取图片的长宽问题解决


Posted in Javascript onMarch 20, 2013

遇到个需要获得图片的长宽的问题。在IE、FireFox下均正常,就TMD在Chrome中不行,网上非有人说可以,然后还归结为是不是Chrome版本问题。
终于的终于,找到了答案。

在大多数情况下,把js代码放到图片标签的后面:

<img id="test" src="**.jpg" /> 
<script> 
alert(document.getElementById("test").width;<PRE class=html name="code"></script></PRE> 
<PRE></PRE> 
这样是可以得到图片的宽度的,但是在Chrome下就是不行。 
<P></P> 
<P>甚至在jquery中:</P> 
<P></P> 
<PRE class=html name="code">$(document).ready(function(){ 
alert(document.getElementById("test").width; 
});</PRE><BR> 
这样,Chrome照样说不行,我C。 
<P></P> 
<P>然后,只有下面的方法Chrome才点头:</P> 
<P style="TEXT-ALIGN: left"><SPAN style="LINE-HEIGHT: 21px"></SPAN></P> 
<PRE class=html name="code">$(window).load(function(){ 
alert($("#test").width()); 
});</PRE><BR> 
<BR> 
<P></P> 
<P><BR> 
<BR> 
</P> 
<P><BR> 
</P> 
<PRE></PRE> 
<PRE></PRE> 
<PRE></PRE>
Javascript 相关文章推荐
JS获取IUSR_机器名和IWAM_机器名帐号的密码
Dec 06 Javascript
悄悄用脚本检查你访问过哪些网站的代码
Dec 04 Javascript
15款优秀的jQuery导航菜单插件分享
Jul 19 Javascript
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
Mar 14 Javascript
Node.js中使用Log.io在浏览器中实时监控日志(等同tail -f命令)
Sep 17 Javascript
Javascript将JSON日期格式化
Aug 23 Javascript
JavaScript数组迭代方法
Mar 03 Javascript
vue router学习之动态路由和嵌套路由详解
Sep 21 Javascript
vue实现条件判断动态绑定样式的方法
Sep 29 Javascript
详解关于element el-button使用$attrs的一个注意要点
Nov 09 Javascript
node.js使用stream模块实现自定义流示例
Feb 13 Javascript
vue路由的配置和页面切换详解
Sep 09 Javascript
javascript中[]和{}对象使用介绍
Mar 20 #Javascript
javascript中节点的最近的相关节点访问方法
Mar 20 #Javascript
javascript中注册和移除事件的4种方式
Mar 20 #Javascript
jQuery控制输入框只能输入数值的小例子
Mar 20 #Javascript
jQuery实现id模糊查询的小例子
Mar 19 #Javascript
JS文本框不能输入空格验证方法
Mar 19 #Javascript
getComputedStyle与currentStyle获取样式(style/class)
Mar 19 #Javascript
You might like
PHP表单数据写入MySQL数据库的代码
2016/05/31 PHP
Centos PHP 扩展Xchche的安装教程
2016/07/09 PHP
许愿墙中用到的函数
2006/10/07 Javascript
JavaScript Prototype对象
2009/01/07 Javascript
jQuery ui1.7 dialog只能弹出一次问题
2009/08/27 Javascript
ANGULARJS中用NG-BIND指令实现单向绑定的例子
2014/12/08 Javascript
jquery实现简单合拢与展开网页面板的方法
2015/09/01 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
2018/07/28 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
2018/09/04 Javascript
使用Karma做vue组件单元测试的实现
2020/01/16 Javascript
js+canvas实现五子棋小游戏
2020/08/02 Javascript
vant 解决tab切换插件标题样式自定义的问题
2020/11/13 Javascript
python删除列表中重复记录的方法
2015/04/28 Python
Python中Django框架利用url来控制登录的方法
2015/07/25 Python
Python中functools模块函数解析
2017/03/12 Python
Python读取stdin方法实例
2019/05/24 Python
python基于paramiko将文件上传到服务器代码实现
2019/07/08 Python
Python原始套接字编程实例解析
2020/01/29 Python
浅谈Python中range与Numpy中arange的比较
2020/03/11 Python
python有几个版本
2020/06/17 Python
全球领先的中国制造商品在线批发平台:DHgate
2020/01/28 全球购物
南京软件公司的.net程序员笔试题
2014/08/31 面试题
信访工作者先进事迹
2014/01/17 职场文书
质量在我心中演讲稿
2014/09/02 职场文书
个人反四风对照检查材料思想汇报
2014/09/23 职场文书
2014年护士长工作总结
2014/11/11 职场文书
市场营销计划书范文
2015/01/16 职场文书
迎客户欢迎词三篇
2019/09/27 职场文书
MySQL基础(二)
2021/04/05 MySQL
Python基础之Socket通信原理
2021/04/22 Python
CSS实现两列布局的N种方法
2021/08/02 HTML / CSS
Java 超详细讲解ThreadLocal类的使用
2022/04/07 Java/Android
详细介绍Java中的CyclicBarrier
2022/04/13 Java/Android
微信小程序APP页面的之间的相互传递参数以及自定义组件
2022/04/19 Javascript
HTML中实现音乐或视频自动播放案例详解
2022/05/30 HTML / CSS
Android 中的类文件和类加载器详情
2022/06/05 Java/Android