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 相关文章推荐
use jscript List Installed Software
Jun 11 Javascript
jquery乱码与contentType属性设置问题解决方案
Jan 07 Javascript
jquery实现网站超链接和图片提示效果
Mar 21 Javascript
Firefox下无法正常显示年份的解决方法
Sep 04 Javascript
Javascript必知必会(四)js类型转换
Jun 08 Javascript
微信公众号 客服接口的开发实例详解
Sep 28 Javascript
JS根据生日月份和日期计算星座的简单实现方法
Nov 24 Javascript
jquery仿ps颜色拾取功能
Mar 08 Javascript
详解ES6语法之可迭代协议和迭代器协议
Jan 13 Javascript
基于Vue实现拖拽效果
Apr 27 Javascript
基于Angular中ng-controller父子级嵌套的相关属性详解
Oct 08 Javascript
Vue商品控件与购物车联动效果的实例代码
Jul 21 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
给海燕B411配件机起死回生配上件
2021/03/02 无线电
PHP中常用数组处理方法实例分析
2008/08/30 PHP
PHP 作用域解析运算符(::)
2010/07/27 PHP
深入解析PHP垃圾回收机制对内存泄露的处理
2013/06/14 PHP
php 批量替换html标签的实例代码
2013/11/26 PHP
php使用codebase生成随机数
2014/03/25 PHP
PHP设计模式之装饰器模式定义与用法简单示例
2018/08/13 PHP
PHP日志LOG类定义与用法示例
2018/09/06 PHP
7个Javascript地图脚本整理
2009/10/20 Javascript
JQuery的ajax获取数据后的处理总结(html,xml,json)
2010/07/14 Javascript
JavaScript入门之事件、cookie、定时等
2011/10/21 Javascript
怎样在JavaScript里写一个swing把数据插入数据库
2012/12/10 Javascript
JS模拟并美化的表单控件完整实例
2015/08/19 Javascript
Jquery常用的方法汇总
2015/09/01 Javascript
javascript针对不确定函数的执行方法
2015/12/16 Javascript
Bootstrap实现响应式导航栏效果
2015/12/28 Javascript
Javascript基础_标记文字的实现方法
2016/06/14 Javascript
详解JavaScript原生封装ajax请求和Jquery中的ajax请求
2019/02/14 jQuery
利用 JavaScript 实现并发控制的示例代码
2020/12/31 Javascript
[03:03]DOTA2 2017国际邀请赛开幕战队入场仪式
2017/08/09 DOTA
[47:42]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
详解Python中的正则表达式的用法
2015/04/09 Python
Windows上使用Python增加或删除权限的方法
2018/04/24 Python
Python中判断子串存在的性能比较及分析总结
2019/06/23 Python
Python连接Impala实现步骤解析
2020/08/04 Python
python 实现围棋游戏(纯tkinter gui)
2020/11/13 Python
ORACLE十问
2015/04/20 面试题
师范生实习个人的自我评价
2013/09/28 职场文书
大学生写自荐信的技巧
2014/01/08 职场文书
学生宿舍管理制度
2014/01/30 职场文书
信息总监管理职责范本
2014/03/08 职场文书
信用卡工作证明模板
2014/09/14 职场文书
群众路线剖析材料(四风问题)
2014/10/08 职场文书
2015年小学远程教育工作总结
2015/07/28 职场文书
Golang 如何实现函数的任意类型传参
2021/04/29 Golang
win10系统计算机图标怎么调出来?win10调出计算机图标的方法
2022/08/14 数码科技