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的简单图片切换效果
Jan 06 Javascript
jquery $.each() 使用小探
Aug 23 Javascript
JQuery伸缩导航练习示例
Nov 13 Javascript
在JavaScript中访问字符串的子串
Jul 07 Javascript
javascript父子页面通讯实例详解
Jul 17 Javascript
深入理解(function(){... })();
Aug 16 Javascript
jquery实现用户登陆界面(示例讲解)
Sep 06 jQuery
Vue组件通信的四种方式汇总
Feb 08 Javascript
详解auto-vue-file:一个自动创建vue组件的包
Apr 26 Javascript
详解vue 组件的实现原理
Nov 12 Javascript
three.js 实现露珠滴落动画效果的示例代码
Mar 01 Javascript
uniapp引入支付宝原生扫码插件步骤详解
Jul 23 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
星际争霸任务指南——虫族
2020/03/04 星际争霸
新浪微博OAuth认证和储存的主要过程详解
2015/03/27 PHP
WordPress主题中添加文章列表页页码导航的PHP代码实例
2015/12/22 PHP
php获取本机真实IP地址实例代码
2016/03/31 PHP
php使用正则表达式去掉html中的注释方法
2016/11/03 PHP
PHP通过文件保存和更新信息的方法分析
2019/09/12 PHP
帮助避免错误的Javascript陷阱清单
2009/05/31 Javascript
判断滚动条到底部的JS代码
2013/11/04 Javascript
推荐一个自己用的封装好的javascript插件
2015/01/29 Javascript
jQuery实现自动输入email、时间和域名的方法
2016/08/24 Javascript
BootStrap Tooltip插件源码解析
2016/12/27 Javascript
如何使用Bootstrap创建表单
2017/03/29 Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
2017/04/28 Javascript
移动端效果之Swiper详解
2017/10/09 Javascript
Vue+webpack项目基础配置教程
2018/02/12 Javascript
JS实现动态生成html table表格的方法分析
2018/07/11 Javascript
layui树形菜单动态遍历的例子
2019/09/23 Javascript
python中查找excel某一列的重复数据 剔除之后打印
2013/02/10 Python
python打开文件并获取文件相关属性的方法
2015/04/23 Python
详解Python设计模式编程中观察者模式与策略模式的运用
2016/03/02 Python
Python求解任意闭区间的所有素数
2018/06/10 Python
浅谈Python中函数的定义及其调用方法
2019/07/19 Python
Python接口测试结果集实现封装比较
2020/05/01 Python
捷克厨房用品购物网站:Tescoma
2018/07/13 全球购物
数据库方面面试题
2012/04/22 面试题
详解如何解决使用JSON.stringify时遇到的循环引用问题
2021/03/23 Javascript
办公室前台岗位职责
2014/01/04 职场文书
班级聚会策划书
2014/01/16 职场文书
书法兴趣小组活动总结
2014/07/07 职场文书
小学师德师风整改措施
2014/10/27 职场文书
2015年创先争优工作总结
2015/05/23 职场文书
签证扫盲贴,41个常见签证知识,需要的拿走
2019/08/09 职场文书
一文帮你理解PReact10.5.13源码
2021/04/03 Javascript
Go 语言下基于Redis分布式锁的实现方式
2021/06/28 Golang
Java 通过手写分布式雪花SnowFlake生成ID方法详解
2022/04/07 Java/Android
Promise静态四兄弟实现示例详解
2022/07/07 Javascript