javascript判断图片是否加载完成的方法推荐


Posted in Javascript onMay 13, 2016

load事件

<script type="text/javascript">
  $('img').onload = function() {
    //code
  }
</script>

优点:简单易用,不影响HTML代码。

缺点:只能指定一个元素,javascipt代码必须置于图片元素的下方

jquery方法

<script type="text/javascript">
$(function(){
  $('.pic1').each(function() {
    $(this).load(function(){
      $(this).fadeIn();
    });
  });
})
</script>

注意,不要在$(document).ready()里绑定load事件。

优点:可以批量绑定元素事件,并且不影响HTML代码内容

缺点:需要jquery库的支持,代码需要放置到需要操作元素的下方。

以上这篇javascript判断图片是否加载完成的方法推荐就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
一些常用且实用的原生JavaScript函数
Sep 08 Javascript
ajaxFileUpload.js插件支持多文件上传的方法
Sep 02 Javascript
原生js实现日期联动
Jan 12 Javascript
JavaScript中的类与实例实现方法
Jan 23 Javascript
EasyUI中实现form表单提交的示例分享
Mar 01 Javascript
jQuery实现订单提交页发送短信功能前端处理方法
Jul 04 Javascript
在点击div中的p时,如何阻止事件冒泡
Feb 07 Javascript
AngularJs用户登录问题处理(交互及验证、阻止FQ处理)
Oct 26 Javascript
vue+webpack dev本地调试全局样式引用失效的解决方案
Nov 12 Javascript
基于vue实现图片验证码倒计时60s功能
Dec 10 Javascript
微信小程序返回上一页传参并刷新过程解析
Dec 13 Javascript
JavaScript中的this基本问题实例小结
Mar 09 Javascript
jQuery Easyui 验证两次密码输入是否相等
May 13 #Javascript
浅析javascript异步执行函数导致的变量变化问题解决思路
May 13 #Javascript
Javascript基础之数组的使用
May 13 #Javascript
JS判断图片是否加载完成方法汇总(最新版)
May 13 #Javascript
BootStrap扔进Django里的方法详解
May 13 #Javascript
JavaScript重载函数实例剖析
May 13 #Javascript
JS加载iFrame出现空白问题的解决办法
May 13 #Javascript
You might like
PHP 截取字符串 分别适合GB2312和UTF8编码情况
2009/02/12 PHP
探讨PHP中this,self,parent的区别详解
2013/06/08 PHP
php查询mssql出现乱码的解决方法
2014/12/29 PHP
ThinkPHP项目分组配置方法分析
2016/03/23 PHP
js 省地市级联选择
2010/02/07 Javascript
jquery ajax提交表单数据的两种实现方法
2010/04/29 Javascript
js中设置元素class的三种方法小结
2011/08/28 Javascript
JavaScript函数获取事件源的小例子
2014/05/14 Javascript
jQuery实现订单提交页发送短信功能前端处理方法
2016/07/04 Javascript
EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容
2016/08/24 Javascript
JavaScript和jQuery制作光棒效果
2017/02/24 Javascript
VueJS如何引入css或者less文件的一些坑
2017/04/25 Javascript
javascript 中关于array的常用方法详解
2017/05/05 Javascript
jQuery的Ajax接收java返回数据方法
2018/08/11 jQuery
vuex state中的数组变化监听实例
2019/11/06 Javascript
基于Vue+ElementUI的省市区地址选择通用组件
2019/11/20 Javascript
深入解读VUE中的异步渲染的实现
2020/06/19 Javascript
python中Genarator函数用法分析
2015/04/08 Python
Python优化技巧之利用ctypes提高执行速度
2016/09/11 Python
Python获取当前路径实现代码
2017/05/08 Python
Python实现删除文件中含“指定内容”的行示例
2017/06/09 Python
Python3用tkinter和PIL实现看图工具
2018/06/21 Python
Python中利用aiohttp制作异步爬虫及简单应用
2018/11/29 Python
python反编译学习之字节码详解
2019/05/19 Python
TensorFLow 数学运算的示例代码
2020/04/21 Python
优秀员工表扬信
2014/01/17 职场文书
应届护士求职信范文
2014/01/26 职场文书
教师个人读书活动总结
2014/07/08 职场文书
学校教师读书活动总结
2014/07/08 职场文书
基层党员学习党的群众路线教育实践活动心得体会
2014/11/04 职场文书
2014年班主任德育工作总结
2014/12/05 职场文书
2014年科室工作总结范文
2014/12/19 职场文书
嘉年华活动新闻稿
2015/07/17 职场文书
小学教师师德培训心得体会
2016/01/09 职场文书
2016大学优秀学生干部事迹材料
2016/03/01 职场文书
详解在SQLPlus中实现上下键翻查历史命令的功能
2022/03/18 SQL Server