jquery在Chrome下获取图片的长宽问题解决
更新时间：2013年03月20日 15:11:12 作者：
需要获得图片的长宽，在IE、FireFox下均正常，就TMD在Chrome中不行，有人说是Chrome版本的问题，最终终于找到了解决方法，在这与大家分享下
遇到个需要获得图片的长宽的问题。在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>
终于的终于，找到了答案。
在大多数情况下,把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>
相关文章
这篇文章主要介绍了EditPlus中的正则表达式 实战(2)的相关资料,需要的朋友可以参考下2016-12-12
这篇文章主要给大家分享了js中toString方法的3个作用，文章围绕js中toString方法的相关资料展开全文内容，需要的小伙伴可以参考一下，希望对你的学习有所帮助2021-12-12
这篇文章主要为大家详细介绍了JS实现动画中的布局转换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
Javascript promise.all的用法介绍(简洁易懂)
这篇文章主要给大家介绍了关于Javascript promise.all用法的相关资料,Promise.all()方法是一个Promise对象方法,可以将多个Promise实例包装成一个新的Promise对象,最终返回一个数组,需要的朋友可以参考下2023-07-07
这篇文章主要介绍了微信小程序简单实现form表单获取输入数据功能,涉及微信小程序针对form表单的事件绑定及数据获取等相关操作技巧,需要的朋友可以参考下2017-11-11
这篇文章主要介绍了javascript实现点亮灯泡特效示例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
这ES6允许为函数参数设置默认值，即直接写在参数定义后面。下面篇文章主要介绍了ES6中参数默认值语法的相关资料，对大家具有一定的参考价值，需要的朋友下面来一起看看吧。2017-05-05
本文为大家介绍下javascript中typeof的使用，下面有个不错的示例，感兴趣的朋友可以参考下2013-12-12
IE FF都可以直接通过Frame的Name来访问,但是FrameSet不支持name属性2010-09-09
检测AC是否放行成功，是否可以访问公网阿里云服务器。下面给大家分享JS检测是否可以访问公网服务器功能代码，需要的的朋友参考下吧2017-06-06
最新评论