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十个最常用的自定义函数(中文版)
Sep 07 Javascript
javascript window对象属性整理
Oct 24 Javascript
给jQuery方法添加回调函数一款插件的应用
Jan 21 Javascript
JS 屏蔽按键效果与改变按键效果的示例代码
Dec 24 Javascript
jQuery中prev()方法用法实例
Jan 08 Javascript
理解js回收机制通俗易懂版
Feb 29 Javascript
jQuery siblings()用法实例详解
Apr 26 Javascript
JavaScript判断数组重复内容的两种方法(推荐)
Jun 06 Javascript
如何用js实现鼠标向上滚动时浮动导航
Jul 18 Javascript
微信小程序 获取当前地理位置和经纬度实例代码
Dec 05 Javascript
vue计算属性和监听器实例解析
May 10 Javascript
详解VScode编辑器vue环境搭建所遇问题解决方案
Apr 26 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
颠覆常识!无色透明的咖啡诞生了(中日双语)
2021/03/03 咖啡文化
ThinkPHP空模块和空操作详解
2014/06/30 PHP
PHP使用GETDATE获取当前日期时间作为一个关联数组的方法
2015/03/19 PHP
joomla实现注册用户添加新字段的方法
2016/05/05 PHP
php rsa 加密,解密,签名,验签详解
2016/12/06 PHP
Yii 使用intervention/image拓展实现图像处理功能
2019/06/22 PHP
jQuery 学习 几种常用方法
2009/06/11 Javascript
JavaScript 用cloneNode方法克隆节点的代码
2012/10/15 Javascript
showModalDialog在谷歌浏览器下会返回Null的解决方法
2013/11/27 Javascript
原生js仿jquery实现对Ajax的封装
2016/10/04 Javascript
fullPage.js和CSS3实现全屏滚动效果
2017/05/05 Javascript
js 将canvas生成图片保存,或直接保存一张图片的实现方法
2018/01/02 Javascript
JavaScript类数组对象转换为数组对象的方法实例分析
2018/07/24 Javascript
怎么使用javascript深度拷贝一个数组
2019/06/06 Javascript
基于js实现抽红包并分配代码实例
2019/09/19 Javascript
Webpack设置环境变量的一些误区详解
2019/12/19 Javascript
Python列表计数及插入实例
2014/12/17 Python
Python外星人入侵游戏编程完整版
2020/03/30 Python
Python3使用PyQt5制作简单的画板/手写板实例
2017/10/19 Python
Python实现的拟合二元一次函数功能示例【基于scipy模块】
2018/05/15 Python
Python遍历文件夹 处理json文件的方法
2019/01/22 Python
python中p-value的实现方式
2019/12/16 Python
Python数据可视化处理库PyEcharts柱状图,饼图,线性图,词云图常用实例详解
2020/02/10 Python
Python semaphore evevt生产者消费者模型原理解析
2020/03/18 Python
Canvas制作旋转的太极的示例
2018/03/09 HTML / CSS
怀旧收藏品和经典纪念品:Betty’s Attic
2018/08/29 全球购物
澳大利亚天然护肤品、化妆品和健康产品一站式商店:Nourished Life
2018/12/02 全球购物
ColourPop美国官网:卡拉泡泡,洛杉矶彩妆品牌
2019/04/28 全球购物
上班看电影检讨书
2014/02/12 职场文书
《爱的教育》读书心得
2014/11/08 职场文书
夫妻分居协议书范文
2014/11/26 职场文书
个人自荐书范文
2015/03/09 职场文书
美术教师求职信范文
2015/03/20 职场文书
投标单位介绍信
2015/05/05 职场文书
教师理论学习心得体会
2016/01/21 职场文书
python微信智能AI机器人实现多种支付方式
2022/04/12 Python