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 相关文章推荐
javascript中的数字与字符串相加实例分析
Aug 14 Javascript
灵活应用js调试技巧解决样式问题的步骤分享
Mar 15 Javascript
程序员必知35个jQuery 代码片段
Nov 05 Javascript
JavaScript中解决多浏览器兼容性23个问题的快速解决方法
May 19 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
May 24 Javascript
Vue.js实现微信过渡动画左右切换效果
Jun 13 Javascript
使用Node.js实现ORM的一种思路详解(图文)
Oct 24 Javascript
微信小程序picker组件简单用法示例【附demo源码下载】
Dec 05 Javascript
Vue中的无限加载vue-infinite-loading的方法
Apr 08 Javascript
使用vue打包时vendor文件过大或者是app.js文件很大的问题
Jun 29 Javascript
Node.js Domain 模块实例详解
Mar 18 Javascript
在js中修改html body的样式
Nov 11 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
造势之举?韩国总统候选人发布《星际争霸》地图
2017/04/22 星际争霸
推荐一篇入门级的Class文章
2007/03/19 PHP
PHP笔记之:基于面向对象设计的详解
2013/05/14 PHP
PHP使用mysql_fetch_row查询获得数据行列表的方法
2015/03/18 PHP
Yii框架日志操作图文与实例详解
2019/09/09 PHP
枚举JavaScript对象的函数
2006/12/22 Javascript
学习ExtJS form布局
2009/10/08 Javascript
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
2009/12/03 Javascript
JQuery通过Ajax提交表单并返回结果
2011/07/31 Javascript
js使用eval解析json(js中使用json)
2014/01/17 Javascript
Javscript调用iframe框架页面中函数的方法
2014/11/01 Javascript
jQuery实现的多屏图像图层切换效果实例
2015/05/07 Javascript
jQuery常用且重要方法汇总
2015/07/13 Javascript
Vue渲染函数详解
2017/09/15 Javascript
基于Vue2的独立构建与运行时构建的差别(详解)
2017/12/06 Javascript
微信小程序API—获取定位的详解
2019/04/30 Javascript
jQuery表单选择器用法详解
2019/08/22 jQuery
vue路由传参的基本实现方式小结【三种方式】
2020/02/05 Javascript
vue 翻页组件vue-flip-page效果
2020/02/05 Javascript
vue实现淘宝购物车功能
2020/04/20 Javascript
批处理与python代码混合编程的方法
2016/05/19 Python
django轻松使用富文本编辑器CKEditor的方法
2017/03/30 Python
python中利用Future对象异步返回结果示例代码
2017/09/07 Python
浅谈python标准库--functools.partial
2019/03/13 Python
使用Python OpenCV为CNN增加图像样本的实现
2019/06/10 Python
利用jupyter网页版本进行python函数查询方式
2020/04/14 Python
使用jquery实现HTML5响应式导航菜单教程
2014/04/02 HTML / CSS
英国舒适型鞋履品牌:FitFlop
2017/05/17 全球购物
HTC VIVE美国官网:VR虚拟现实眼镜
2018/02/13 全球购物
澳大利亚拥有最佳跳伞降落点和最好服务的跳伞项目运营商:Skydive Australia
2018/03/05 全球购物
计算机工程学院个人求职信
2013/10/05 职场文书
求职自荐书范文
2013/12/04 职场文书
解除劳动关系协议书2篇
2014/11/28 职场文书
文明旅游倡议书
2015/04/28 职场文书
优秀团员主要事迹范文
2015/11/05 职场文书
SQL注入篇学习之盲注/宽字节注入
2022/03/03 MySQL