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 相关文章推荐
Prototype String对象 学习
Jul 19 Javascript
第一个JavaScript入门基础 document.write输出
Feb 22 Javascript
jQuery 滑动方法slideDown向下滑动元素
Jan 16 Javascript
jQuery实现给页面换肤的方法
May 30 Javascript
jquery获取文档高度和窗口高度汇总
Jan 25 Javascript
javascript之IE版本检测超简单方法
Aug 20 Javascript
vue 项目打包通过命令修改 vue-router 模式 修改 API 接口前缀
Jun 13 Javascript
原生JS实现的简单小钟表功能示例
Aug 30 Javascript
微信小程序的线程架构【推荐】
May 14 Javascript
Vue拖拽组件列表实现动态页面配置功能
Jun 17 Javascript
layui+jquery支持IE8的表格分页方法
Sep 28 jQuery
vue-next/runtime-core 源码阅读指南详解
Oct 25 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 inc文件使用的风险和注意事项
2013/11/12 PHP
图文介绍PHP添加Redis模块及连接
2015/07/28 PHP
input按钮的事件处理大全
2010/12/10 Javascript
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
2013/04/19 Javascript
jquery(hide方法)隐藏指定元素实例
2013/11/11 Javascript
node.js中的http.response.end方法使用说明
2014/12/14 Javascript
jQuery实现美观的多级动画效果菜单代码
2015/09/06 Javascript
探析浏览器执行JavaScript脚本加载与代码执行顺序
2016/01/12 Javascript
js生成随机数(指定范围)的实例代码
2016/07/10 Javascript
Vue.js每天必学之过渡与动画
2016/09/06 Javascript
vue实现侧边栏导航效果
2019/10/21 Javascript
JS 5种遍历对象的方式
2020/06/16 Javascript
vue祖孙组件之间的数据传递案例
2020/12/07 Vue.js
Django Highcharts制作图表
2016/08/27 Python
Python操作csv文件实例详解
2017/07/31 Python
python中数组和矩阵乘法及使用总结(推荐)
2019/05/18 Python
Python3之手动创建迭代器的实例代码
2019/05/22 Python
解决yum对python依赖版本问题
2019/07/05 Python
Python字符串大小写转换拼接删除空白
2019/09/19 Python
基于python traceback实现异常的获取与处理
2019/12/13 Python
Python如何在循环内使用list.remove()
2020/06/01 Python
使用Python项目生成所有依赖包的清单方式
2020/07/13 Python
Vs Code中8个好用的python 扩展插件
2020/10/12 Python
Python常用base64 md5 aes des crc32加密解密方法汇总
2020/11/06 Python
使用phonegap获取设备的一些信息方法
2017/03/31 HTML / CSS
size?德国官方网站:英国伦敦的球鞋精品店
2018/03/17 全球购物
澳大利亚在线家具、灯饰和家居装饰店:LivingStyles
2018/11/20 全球购物
英国领先的在线旅游和休闲零售商:lastminute.com
2019/01/23 全球购物
荷兰音乐会和音乐剧门票订购网站:Topticketshop
2019/08/27 全球购物
酒店公关部经理岗位职责
2013/11/24 职场文书
贫困证明书格式及范文
2014/10/15 职场文书
2016寒假社会实践心得体会范文
2015/10/09 职场文书
python简单验证码识别的实现过程
2021/06/20 Python
详解Java分布式事务的 6 种解决方案
2021/06/26 Java/Android
详解jQuery的核心函数和事件处理
2022/02/18 jQuery
LeetCode189轮转数组python示例
2022/08/05 Python