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 相关文章推荐
javascript编程起步(第四课)
Feb 27 Javascript
关于Ext中form移除textfield方法:hide(),setVisible(false),remove()
Dec 02 Javascript
通过Javascript创建一个选择文件的对话框代码
Jun 16 Javascript
jquery text(),val(),html()方法区别总结
Nov 04 Javascript
JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法
Apr 25 Javascript
JavaScript中判断两个字符串是否相等的方法
Jul 07 Javascript
jQuery实现根据滚动条位置加载相应内容功能
Jul 18 Javascript
JS实现两周内自动登录功能
Mar 23 Javascript
详谈js使用in和hasOwnProperty获取对象属性的区别
Apr 25 Javascript
JavaScript学习笔记之图片库案例分析
Jan 08 Javascript
vue项目中使用eslint+prettier规范与检查代码的方法
Jan 16 Javascript
jQuery实现移动端图片上传预览组件的方法分析
May 01 jQuery
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
一个简单实现多条件查询的例子
2006/10/09 PHP
怎样在php中使用PDF文档功能
2006/10/09 PHP
Zend Framework教程之Zend_Form组件实现表单提交并显示错误提示的方法
2016/03/21 PHP
阿里云的WindowsServer2016上部署php+apache
2018/07/17 PHP
PHP实现创建一个RPC服务操作示例
2020/02/23 PHP
javascript 限制输入和粘贴(IE,firefox测试通过)
2008/11/14 Javascript
点击下载链接 弹出页面实现代码
2009/10/01 Javascript
根据鼠标的位置动态的控制层的位置
2009/11/24 Javascript
监控 url fragment变化的js代码
2010/04/19 Javascript
ASP.NET jQuery 实例7 通过jQuery来获取DropDownList的Text/Value属性值
2012/02/03 Javascript
javascript学习笔记(三) String 字符串类型介绍
2012/06/19 Javascript
Javascript倒计时页面跳转实例小结
2013/09/11 Javascript
js propertychange和oninput事件
2014/09/28 Javascript
CSS3实现动态背景登录框的代码
2015/07/28 Javascript
聊一聊JavaScript作用域和作用域链
2016/05/03 Javascript
Bootstrap3 多选和单选框(checkbox)
2016/12/29 Javascript
nodejs学习笔记之路由
2017/03/27 NodeJs
基于vue中css预加载使用sass的配置方式详解
2018/03/13 Javascript
React全家桶环境搭建过程详解
2018/05/18 Javascript
微信小程序日历/日期选择插件使用方法详解
2018/12/28 Javascript
JS/jQuery实现获取时间的方法及常用类完整示例
2019/03/07 jQuery
vue.js实现图书管理功能
2019/09/24 Javascript
使用Python对SQLite数据库操作
2017/04/06 Python
Django REST framework 分页的实现代码
2019/06/19 Python
python安装pil库方法及代码
2019/06/25 Python
介绍一下结构化程序设计方法和面向对象程序设计方法的区别
2012/06/27 面试题
生产副总岗位职责
2013/11/28 职场文书
护理个人求职信范文
2014/01/08 职场文书
大学生饮食连锁店创业计划书
2014/01/17 职场文书
社区志愿者活动总结
2014/06/26 职场文书
工作失职检讨书(精华篇)
2014/10/15 职场文书
整改报告格式
2014/11/06 职场文书
2015年乡镇财政工作总结
2015/05/19 职场文书
家属联谊会致辞
2015/07/31 职场文书
创业计划书之儿童理发店
2019/09/27 职场文书
python之基数排序的实现
2021/07/26 Python