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 相关文章推荐
jquery得到font-size属性值实现代码
Sep 30 Javascript
Webpack 实现 Node.js 代码热替换
Oct 22 Javascript
AngularJs  Creating Services详解及示例代码
Sep 02 Javascript
第一次接触Bootstrap框架
Oct 24 Javascript
jQuery内存泄露解决办法
Dec 13 Javascript
babel基本使用详解
Feb 17 Javascript
Vue中的scoped实现原理及穿透方法
May 15 Javascript
详解vue 数组和对象渲染问题
Sep 21 Javascript
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
Feb 15 jQuery
详解vue-cli 脚手架 安装
Apr 16 Javascript
vue 实现通过vuex 存储值 在不同界面使用
Nov 11 Javascript
Node快速切换版本、版本回退(降级)、版本更新(升级)
Jan 07 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
discuz7 phpMysql操作类
2009/06/21 PHP
php中使用DOM类读取XML文件的实现代码
2011/12/14 PHP
PHP连接SQLServer2005的实现方法(附ntwdblib.dll下载)
2012/07/02 PHP
PHP中使用xmlreader读取xml数据示例
2014/12/29 PHP
一键生成各种尺寸Icon的php脚本(实例)
2017/02/08 PHP
PHP重定向与伪静态区别
2017/02/19 PHP
PHP微商城开源代码实例
2019/03/27 PHP
Yii框架where查询用法实例分析
2019/10/22 PHP
浅谈JavaScript中面向对象技术的模拟
2006/09/25 Javascript
张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习
2007/02/03 Javascript
dojo随手记 gird组件引用
2011/02/24 Javascript
灵活的理解JavaScript中的this指向
2016/02/25 Javascript
jQuery height()、innerHeight()、outerHeight()函数的区别详解
2016/05/23 Javascript
基于Vue2的移动端开发环境搭建详解
2016/11/03 Javascript
微信小程序组件 contact-button(客服会话按钮)详解及实例代码
2017/01/10 Javascript
bootstrap weebox 支持ajax的模态弹出框
2017/02/23 Javascript
整理关于Bootstrap导航的慕课笔记
2017/03/29 Javascript
Javascript调试之console对象——你不知道的一些小技巧
2017/07/10 Javascript
vue兄弟组件传递数据的实例
2018/09/06 Javascript
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
2018/09/25 Javascript
js最实用string(字符串)类型的使用及截取与拼接详解
2019/04/26 Javascript
Vue使用watch监听一个对象中的属性的实现方法
2019/05/10 Javascript
layUI实现列表查询功能
2019/07/27 Javascript
详解Vscode中使用Eslint终极配置大全
2019/11/08 Javascript
Node.JS获取GET,POST数据之queryString模块使用方法详解
2020/02/06 Javascript
[53:43]VP vs NewBee Supermajor 胜者组 BO3 第三场 6.5
2018/06/06 DOTA
python 类对象和实例对象动态添加方法(分享)
2017/12/31 Python
为什么选择python编程语言入门黑客攻防 给你几个理由!
2018/02/02 Python
Python中的pathlib.Path为什么不继承str详解
2019/06/23 Python
Python中*args和**kwargs的区别详解
2019/09/17 Python
将labelme格式数据转化为标准的coco数据集格式方式
2020/02/17 Python
美国祛痘、抗衰老药妆品牌:Murad
2016/08/27 全球购物
Michael Kors美国官网:美式奢侈生活风格的代表
2016/11/25 全球购物
意大利奢侈品购物网站:Deliberti
2019/10/08 全球购物
小学班级管理心得体会
2016/01/07 职场文书
《风不能把阳光打败》读后感3篇
2020/01/06 职场文书