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 相关文章推荐
做网页的一些技巧(续)
Feb 01 Javascript
动态载入/删除/更新外部 JavaScript/Css 文件的代码
Jul 03 Javascript
javascript设计模式 接口介绍
Jul 24 Javascript
Jquery全选与反选点击执行一次的解决方案
Aug 14 Javascript
AngularJS路由Ui-router模块用法示例
May 29 Javascript
vue下拉列表功能实例代码
Apr 08 Javascript
jQuery+CSS实现的标签页效果示例【测试可用】
Aug 14 jQuery
javascript中函数的写法实例代码详解
Oct 28 Javascript
Vue 实现一个命令式弹窗组件功能
Sep 25 Javascript
聊聊Vue中provide/inject的应用详解
Nov 10 Javascript
vue.js+element 默认提示中英文操作
Nov 11 Javascript
VUE中的v-if与v-show区别介绍
Mar 13 Vue.js
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 反向排序和随机排序代码
2010/06/30 PHP
PHP生成唯一订单号
2015/07/05 PHP
php命令行模式代码实例详解
2021/02/26 PHP
基于jquery的模态div层弹出效果
2010/08/21 Javascript
写自已的js类库需要的核心代码
2012/07/16 Javascript
JQuery入门——用bind方法绑定事件处理函数应用介绍
2013/02/05 Javascript
javascript常见用法总结
2014/05/22 Javascript
jQuery中scrollTop()方法用法实例
2015/01/16 Javascript
JS版元素周期表实现方法
2015/08/05 Javascript
谈谈JavaScript自定义回调函数
2015/10/18 Javascript
精通JavaScript的this关键字
2020/05/28 Javascript
JavaScript希尔排序、快速排序、归并排序算法
2016/05/08 Javascript
js和C# 时间日期格式转换的简单实例
2016/05/28 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
2016/08/17 Javascript
bootstrap datepicker限定可选时间范围实现方法
2016/09/28 Javascript
AngularJS中指令的四种基本形式实例分析
2016/11/22 Javascript
BootStrapTable 单选及取值的实现方法
2017/01/10 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
2017/02/08 Javascript
Angular.JS去掉访问路径URL中的#号详解
2017/03/30 Javascript
JavaScript实现职责链模式概述
2018/01/25 Javascript
vue 动态改变静态图片以及请求网络图片的实现方法
2018/02/07 Javascript
Vue点击切换Class变化,实现Active当前样式操作
2020/07/17 Javascript
[39:52]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第一场
2018/04/04 DOTA
python 二分查找和快速排序实例详解
2017/10/13 Python
浅析python中numpy包中的argsort函数的使用
2018/08/30 Python
Pycharm以root权限运行脚本的方法
2019/01/19 Python
django中使用POST方法获取POST数据
2019/08/20 Python
python代码xml转txt实例
2020/03/10 Python
CSS3模块的目前的状况分析
2010/02/24 HTML / CSS
Tommy Hilfiger美国官网:美国高端休闲领导品牌
2019/01/14 全球购物
大学生村官演讲稿
2014/04/25 职场文书
六一亲子活动总结
2014/07/01 职场文书
记者节感言
2015/08/03 职场文书
一篇文章带你复习java知识点
2021/06/28 Java/Android
Redis三种集群模式详解
2021/10/05 Redis
SQL基础的查询语句
2021/11/11 MySQL