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 相关文章推荐
IE6,IE7下js动态加载图片不显示错误
Jul 17 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
Jan 02 Javascript
使用jquery实现以post打开新窗口
Mar 19 Javascript
Bootstrap BootstrapDialog使用详解
Feb 17 Javascript
jQuery Tree Multiselect使用详解
May 02 jQuery
Angularjs上传文件组件flowjs功能
Aug 07 Javascript
关于预加载InstantClick的问题解决方法
Sep 12 Javascript
vue 实现 ios 原生picker 效果及实现思路解析
Dec 06 Javascript
微信小程序数字滚动插件使用详解
Feb 02 Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
Mar 17 Javascript
在vue项目中引入vue-beauty操作方法
Feb 11 Javascript
Element Popover 弹出框的使用示例
Jul 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
基于PHP中的常用函数回顾
2013/07/11 PHP
PHP函数实现分页含文本分页和数字分页
2014/10/23 PHP
ExtJS GTGrid 简单用户管理
2009/07/01 Javascript
基于Jquery的将DropDownlist的选中值赋给label的实现代码
2011/05/06 Javascript
jQuery弹性滑动导航菜单实现思路及代码
2013/05/02 Javascript
jquery ajax中使用jsonp的限制解决方法
2013/11/22 Javascript
JS操作iframe里的dom(实例讲解)
2014/01/29 Javascript
javascript 闭包详解
2015/07/02 Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
2015/12/22 Javascript
AngularJS使用拦截器实现的loading功能完整实例
2017/05/17 Javascript
简单谈谈require模块化jquery和angular的问题
2017/06/23 jQuery
Vue.js常用指令的使用小结
2017/06/23 Javascript
layer页面跳转,获取html子节点元素的值方法
2019/09/27 Javascript
基于js判断浏览器是否支持webGL
2020/04/18 Javascript
推荐下python/ironpython:从入门到精通
2007/10/02 Python
python 文件与目录操作
2008/12/24 Python
Python提示[Errno 32]Broken pipe导致线程crash错误解决方法
2014/11/19 Python
Python多线程编程(七):使用Condition实现复杂同步
2015/04/05 Python
Python统计文件中去重后uuid个数的方法
2015/07/30 Python
安装Python和pygame及相应的环境变量配置(图文教程)
2017/06/04 Python
JS设计模式之责任链模式实例详解
2018/02/03 Python
python+opencv实现霍夫变换检测直线
2020/10/23 Python
Python安装及Pycharm安装使用教程图解
2019/09/20 Python
Python 实现敏感目录扫描的示例代码
2020/05/21 Python
python定义类的简单用法
2020/07/24 Python
python Matplotlib数据可视化(1):简单入门
2020/09/30 Python
介绍CSS3使用技巧5个
2009/04/02 HTML / CSS
html5实现多文件的上传示例代码
2014/02/13 HTML / CSS
S’well Bottle保温杯官网:绝缘不锈钢水瓶
2018/05/09 全球购物
与世界上最好的跑步专业品牌合作:Fleet Feet
2019/03/22 全球购物
表彰大会主持词
2014/03/26 职场文书
万里长城导游词
2015/01/30 职场文书
《生物入侵者》教学反思
2016/02/16 职场文书
导游经典开场白——导游词
2019/04/17 职场文书
Vue Element-ui表单校验规则实现
2021/07/09 Vue.js
python 实现图片特效处理
2022/04/03 Python