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 相关文章推荐
如何在Mozilla Gecko 用Javascript加载XSL
Jan 09 Javascript
一个cssQuery对象 javascript脚本实现代码
Jul 21 Javascript
jquery退出each循环的写法
Feb 26 Javascript
JQuery EasyUI 日期控件如何控制日期选择区间
May 05 Javascript
jQuery选择器源码解读(八):addCombinator函数
Mar 31 Javascript
60行js代码实现俄罗斯方块
Mar 31 Javascript
高效的jquery数字滚动特效
Dec 17 Javascript
基于Bootstrap实现Material Design风格表单插件 附源码下载
Apr 18 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
JS实现的RGB网页颜色在线取色器完整实例
Dec 21 Javascript
Bootstrap Table使用整理(一)
Jun 09 Javascript
详解最新vue-cli 2.9.1的webpack存在问题
Dec 16 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
DC宇宙的第一个英雄,堪称动漫史鼻祖,如今成为美国文化的象征
2020/04/09 欧美动漫
PHP实现定时执行任务的方法
2014/10/05 PHP
codeigniter显示所有脚本执行时间的方法
2015/03/21 PHP
给WordPress的编辑后台添加提示框的代码实例分享
2015/12/25 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
Ajax+PHP实现的删除数据功能示例
2019/02/12 PHP
取选中的radio的值
2010/01/11 Javascript
url地址自动加#号问题说明
2010/08/21 Javascript
JS前端框架关于重构的失败经验分享
2013/03/17 Javascript
JQuery加载图片自适应固定大小的DIV
2013/09/12 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
2015/03/04 Javascript
jQuery操作基本控件方法实例分析
2015/12/31 Javascript
AngularJS基础 ng-value 指令简单示例
2016/08/03 Javascript
酷! 不同风格页面布局幻灯片特效js实现
2021/02/19 Javascript
D3.js实现雷达图的方法详解
2016/09/22 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
2017/01/19 Javascript
原生js封装自定义滚动条
2017/03/24 Javascript
javascript基于定时器实现进度条功能实例
2017/10/13 Javascript
详谈commonjs模块与es6模块的区别
2017/10/18 Javascript
nuxt踩坑之Vuex状态树的模块方式使用详解
2019/09/06 Javascript
如何在Vue.JS中使用图标组件
2020/08/04 Javascript
Vuex实现购物车小功能
2020/08/17 Javascript
[02:44]DOTA2英雄基础教程 钢背兽
2013/12/19 DOTA
python 七种邮件内容发送方法实例
2014/04/22 Python
Python对list列表结构中的值进行去重的方法总结
2016/05/07 Python
Python的requests网络编程包使用教程
2016/07/11 Python
Python 实现数据结构-堆栈和队列的操作方法
2019/07/17 Python
PyQt5-QDateEdit的简单使用操作
2020/07/12 Python
python爬虫多次请求超时的几种重试方法(6种)
2020/12/01 Python
澳大利亚波希米亚风时尚品牌:Tree of Life
2019/09/15 全球购物
俄罗斯达美乐比萨外送服务:Domino’s Pizza
2020/12/18 全球购物
高中毕业自我鉴定范文
2013/10/02 职场文书
给全校老师的建议书
2014/03/13 职场文书
社区消防工作实施方案
2014/03/21 职场文书
教师文明餐桌光盘行动倡议书
2015/04/28 职场文书
趣味运动会口号
2015/12/24 职场文书