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 判断字符串是否包含某字符串及indexOf使用示例
Oct 18 Javascript
JS 去除Array中的null值示例代码
Nov 20 Javascript
js常用自定义公共函数汇总
Jan 15 Javascript
分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
Dec 15 Javascript
jQuery实现平滑滚动到指定锚点的方法
Mar 20 Javascript
全面了解javascript三元运算符
Jun 27 Javascript
有关文件上传 非ajax提交 得到后台数据问题
Oct 12 Javascript
JS中使用cavas截图网页并解决跨域及模糊问题
Nov 13 Javascript
JS使用Prim算法和Kruskal算法实现最小生成树
Jan 17 Javascript
vue中组件的3种使用方式详解
Mar 23 Javascript
详解Vue.directive 自定义指令
Mar 27 Javascript
返回上一个url并刷新界面的js代码
Sep 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
用DBSQL类加快开发MySQL数据库程序的速度
2006/10/09 PHP
php 如何获取数组第一个值
2013/08/06 PHP
Yii redis集合的基本使用教程
2020/06/14 PHP
juery框架写的弹窗效果适合新手
2013/11/27 Javascript
jquery对ajax的支持介绍
2013/12/10 Javascript
jquery浏览器滚动加载技术实现方案
2014/06/03 Javascript
javascript手风琴下拉菜单实现代码
2015/11/12 Javascript
JSON字符串转换JSONObject和JSONArray的方法
2016/06/03 Javascript
jQuery窗口拖动功能的实现代码
2017/02/04 Javascript
浅谈ajax请求不同页面的微信JSSDK问题
2018/02/26 Javascript
在Vue组件中使用 TypeScript的方法
2018/02/28 Javascript
vue-router+nginx 非根路径配置方法
2018/06/30 Javascript
vue 实现强制类型转换 数字类型转为字符串
2019/11/07 Javascript
JavaScript实现网页tab栏效果制作
2020/11/20 Javascript
[01:48]DOTA2 2015国际邀请赛中国区预选赛第二日战报
2015/05/27 DOTA
[01:38]女王驾到——至宝魔廷新尊技能&特效展示
2020/06/16 DOTA
python中mechanize库的简单使用示例
2014/01/10 Python
使用python采集脚本之家电子书资源并自动下载到本地的实例脚本
2018/10/23 Python
对PyQt5中的菜单栏和工具栏实例详解
2019/06/20 Python
pyqt5与matplotlib的完美结合实例
2019/06/21 Python
Python基于进程池实现多进程过程解析
2020/04/30 Python
利用纯CSS3实现tab选项卡切换示例代码
2016/09/21 HTML / CSS
Maison Lab荷兰:名牌Outlet购物
2018/08/10 全球购物
简历自荐信
2013/12/02 职场文书
酒吧总经理岗位职责
2013/12/10 职场文书
食品安全检查制度
2014/02/03 职场文书
小学毕业感言500字
2014/02/28 职场文书
解除劳动合同证明书
2014/09/26 职场文书
机动车交通事故协议书
2015/01/29 职场文书
2016大学自主招生推荐信范文
2015/03/23 职场文书
简单的辞职信模板
2015/05/12 职场文书
收入证明申请书
2015/06/12 职场文书
2016年情人节问候语
2015/11/11 职场文书
幼儿园大班开学寄语(2016秋季)
2015/12/03 职场文书
python如何获取网络数据
2021/04/11 Python
MySQL事务的隔离级别详情
2022/07/15 MySQL