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 相关文章推荐
alixixi runcode.asp的代码不错的应用
Aug 08 Javascript
img的onload的另类用法
Jan 10 Javascript
改善你的jQuery的25个步骤 千倍级效率提升
Feb 11 Javascript
Javascript的时间戳和php的时间戳转换注意事项
Apr 12 Javascript
JS模式之简单的订阅者和发布者模式完整实例
Jun 30 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
Nov 19 Javascript
Bootstrap树形组件jqTree的简单封装
Jan 25 Javascript
jQuery+PHP实现微信转盘抽奖功能的方法
May 25 Javascript
微信小程序 导入图标实现过程详解
Oct 11 Javascript
用Golang运行JavaScript的实现示例
Nov 25 Javascript
JavaScript基于面向对象实现的无缝滚动轮播示例
Jan 17 Javascript
vue-router 2.0 跳转之router.push()用法说明
Aug 12 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
joomla内置的表单验证功能使用方法
2010/06/11 PHP
ThinkPHP关联模型操作实例分析
2012/09/23 PHP
PHP表单数据写入MySQL数据库的代码
2016/05/31 PHP
解决laravel-admin 自己新建页面里 js 需要刷新一次的问题
2019/10/03 PHP
JavaScript中去掉数组中的重复值的实现方法
2011/08/03 Javascript
点击弹出层外区域关闭弹出层jquery特效示例
2013/08/25 Javascript
javascript实用方法总结
2015/02/06 Javascript
JavaScript实现的SHA-1加密算法完整实例
2016/02/02 Javascript
jQuery设置聚焦并使光标位置在文字最后的实现方法
2016/08/02 Javascript
jquery实现文字单行横移或翻转(上下、左右跳转)
2017/01/08 Javascript
Vue.js之slot深度复制详解
2017/03/10 Javascript
微信小程序--onShareAppMessage分享参数用处(页面分享)
2017/04/18 Javascript
二维码图片生成器QRCode.js简单介绍
2017/08/18 Javascript
在 Node.js 中使用原生 ES 模块方法解析
2017/09/19 Javascript
VUE重点问题总结
2018/03/19 Javascript
Vue-input框checkbox强制刷新问题
2019/04/18 Javascript
angular6开发steps步骤条组件
2019/07/04 Javascript
浅谈vue中使用编辑器vue-quill-editor踩过的坑
2020/08/03 Javascript
Vue页面跳转传递参数及接收方式
2020/09/09 Javascript
js获取url页面id,也就是最后的数字文件名
2020/09/25 Javascript
动态创建类实例代码
2009/10/07 Python
Python中标准模块importlib详解
2017/04/16 Python
Python用 KNN 进行验证码识别的实现方法
2018/02/06 Python
Python 删除连续出现的指定字符的实例
2018/06/29 Python
Python实现朴素贝叶斯分类器的方法详解
2018/07/04 Python
解决tensorflow1.x版本加载saver.restore目录报错的问题
2018/07/26 Python
python实现机器学习之多元线性回归
2018/09/06 Python
详解重置Django migration的常见方式
2019/02/15 Python
python自定义函数实现最大值的输出方法
2019/07/09 Python
用Python实现校园通知更新提醒功能
2019/11/23 Python
马来西亚户外装备商店:PTT Outdoor
2019/07/13 全球购物
芭比波朗加拿大官方网站:Bobbi Brown Cosmetics CA
2020/11/05 全球购物
光声世纪笔试题目
2012/08/25 面试题
公司年会主持词
2014/03/22 职场文书
电气工程师岗位职责
2015/02/12 职场文书
导游词之安徽巢湖
2019/12/26 职场文书