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支持firefox,ie7页面布局拖拽效果代码
Dec 20 Javascript
JavaScript中使用arguments获得函数传参个数实例
Aug 27 Javascript
js实现仿QQ秀换装效果的方法
Mar 04 Javascript
jQuery表单验证功能实例
Aug 28 Javascript
Javascript复制实例详解
Jan 28 Javascript
基于Angularjs+mybatis实现二级评论系统(仿简书)
Feb 13 Javascript
node.js中axios使用心得总结
Nov 29 Javascript
解决vue中对象属性改变视图不更新的问题
Feb 23 Javascript
vue移动端屏幕适配详解
Apr 30 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
May 17 Javascript
React+Redux实现简单的待办事项列表ToDoList
Sep 29 Javascript
uniapp实现可滑动选项卡
Oct 21 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
两种php实现图片上传的方法
2016/01/22 PHP
PHP入门教程之数组用法汇总(创建,删除,遍历,排序等)
2016/09/11 PHP
浅析PHP反序列化中过滤函数使用不当导致的对象注入问题
2020/02/15 PHP
PHP设计模式之迭代器模式Iterator实例分析【对象行为型】
2020/04/26 PHP
根据地区不同显示时间的javascript代码
2007/08/13 Javascript
jQuery 可以拖动的div实现代码 脚本之家修正版
2009/06/26 Javascript
基于jQuery的简单九宫格实现代码
2012/08/09 Javascript
js处理表格对table进行修饰
2014/05/26 Javascript
JavaScript实现点击文字切换登录窗口的方法
2015/05/11 Javascript
jQuery实现仿百度帖吧头部固定导航效果
2015/08/07 Javascript
用JavaScript来美化HTML的select标签的下拉列表效果
2015/11/17 Javascript
jQuery实现下拉框功能实例代码
2016/05/06 Javascript
纯js实现倒计时功能
2017/01/06 Javascript
Jquery根据浏览器窗口改变调整大小的方法
2017/02/07 Javascript
浅析Visual Studio Code断点调试Vue
2018/02/27 Javascript
微信小程序 下拉刷新及上拉加载原理解析
2019/11/06 Javascript
解决vue-router 切换tab标签关闭时缓存问题
2020/07/22 Javascript
Vue插槽_特殊特性slot,slot-scope与指令v-slot说明
2020/09/04 Javascript
jQuery实现增删改查
2020/12/22 jQuery
pyqt和pyside开发图形化界面
2014/01/22 Python
在Python中使用zlib模块进行数据压缩的教程
2015/06/26 Python
python监测当前联网状态并连接的实例
2018/12/18 Python
使用Python实现跳帧截取视频帧
2019/05/31 Python
导入tensorflow:ImportError: libcublas.so.9.0 报错
2020/01/06 Python
Python多线程操作之互斥锁、递归锁、信号量、事件实例详解
2020/03/24 Python
Python HTMLTestRunner测试报告view按钮失效解决方案
2020/05/25 Python
基于python图书馆管理系统设计实例详解
2020/08/05 Python
CSS3悬停效果案例应用
2012/11/21 HTML / CSS
自荐书范文
2013/12/08 职场文书
团结演讲稿范文
2014/05/23 职场文书
五一劳动节演讲稿
2014/09/12 职场文书
刑事代理授权委托书
2014/09/17 职场文书
安全生产先进个人事迹材料
2014/12/30 职场文书
授权委托书
2015/01/28 职场文书
材料员岗位职责范本
2015/04/11 职场文书
举起手来观后感
2015/06/09 职场文书