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极简入门教程(二):对象和函数
Oct 25 Javascript
DOM节点深度克隆函数cloneNode()用法实例
Jan 12 Javascript
基于javascript实现右下角浮动广告效果
Jan 08 Javascript
jquery横向纵向鼠标滚轮全屏切换
Feb 27 Javascript
template.js前端模板引擎使用详解
Oct 10 Javascript
谈谈vue中mixin的一点理解
Dec 12 Javascript
Bootstrap导航菜单点击后无法自动添加active的处理方法
Aug 10 Javascript
在vue里使用codemirror遇到的问题
Nov 01 Javascript
vue动态绑定class选中当前列表变色的方法示例
Dec 19 Javascript
layui实现给某一列加点击事件
Oct 26 Javascript
Vue实现简单的跑马灯
May 25 Javascript
jQuery实现查看图片功能
Dec 01 jQuery
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
计数器详细设计
2006/10/09 PHP
PHP 页面编码声明方法详解(header或meta)
2010/03/12 PHP
php 过滤英文标点符号及过滤中文标点符号代码
2014/06/12 PHP
PHP实现常用排序算法的方法
2020/02/05 PHP
Aster vs Newbee BO3 第三场2.18
2021/03/10 DOTA
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
2009/12/02 Javascript
javascript插入样式实现代码
2012/02/22 Javascript
JavaScript中的私有/静态属性介绍
2012/07/26 Javascript
Jquery 数据选择插件Pickerbox使用介绍
2012/08/24 Javascript
JS滚轮事件onmousewheel使用介绍
2013/11/01 Javascript
Jquery 返回json数据在IE浏览器中提示下载的问题
2014/05/18 Javascript
MVC Ajax Helper或Jquery异步加载部分视图
2015/11/29 Javascript
jQuery对html元素的取值与赋值实例详解
2015/12/18 Javascript
理解jquery事件冒泡
2016/01/03 Javascript
Centos7 中安装 Node.js v4.4.4
2016/11/03 Javascript
AngularJS的ng Http Request与response格式转换方法
2016/11/07 Javascript
jQuery zTree树插件简单使用教程
2017/01/10 Javascript
Java设计中的Builder模式的介绍
2018/03/22 Javascript
小程序如何使用分包加载的实现方法
2019/05/22 Javascript
JavaScript实现的滚动公告特效【基于jQuery】
2019/07/10 jQuery
JS实现星星海特效
2019/12/24 Javascript
vue3.0 自适应不同分辨率电脑的操作
2021/02/06 Vue.js
Python中用函数作为返回值和实现闭包的教程
2015/04/27 Python
Python中内建函数的简单用法说明
2016/05/05 Python
打包发布Python模块的方法详解
2016/09/18 Python
pytorch训练imagenet分类的方法
2018/07/27 Python
python判断输入日期为第几天的实例
2018/11/13 Python
对python pandas 画移动平均线的方法详解
2018/11/28 Python
Python Numpy计算各类距离的方法
2019/07/05 Python
使用python创建Excel工作簿及工作表过程图解
2020/05/27 Python
python 密码学示例——凯撒密码的实现
2020/09/21 Python
详解移动端Html5页面中1px边框的几种解决方法
2018/07/24 HTML / CSS
如何利用find命令查找文件
2016/11/18 面试题
中职生求职信
2014/07/01 职场文书
完美解决golang go get私有仓库的问题
2021/05/05 Golang
2022新作动画《福星小子》释出宣传影片 加入内田真礼&宫野真守配音演出
2022/04/08 日漫