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 相关文章推荐
学习YUI.Ext第五日--做拖放Darg&amp;Drop
Mar 10 Javascript
用javascript动态调整iframe高度的代码
Apr 10 Javascript
自写简单JS判断是否已经弹出页面
Oct 20 Javascript
js抽奖实现随机抽奖代码效果
Dec 02 Javascript
无刷新预览所选择的图片示例代码
Apr 02 Javascript
Javascript WebSocket使用实例介绍(简明入门教程)
Apr 16 Javascript
jquery实现的一个简单进度条效果实例
May 12 Javascript
jquery基础知识第一讲之认识jquery
Mar 17 Javascript
详解vue-Resource(与后端数据交互)
Jan 16 Javascript
javascript数组定义的几种方法
Oct 06 Javascript
layui数据表格实现重载数据表格功能(搜索功能)
Jul 27 Javascript
Javascript生成器(Generator)的介绍与使用
Jan 31 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
晶体管单管来复再生式收音机
2021/03/02 无线电
让的PHP代码飞起来的40条小技巧(提升php效率)
2010/04/12 PHP
PHP通过加锁实现并发情况下抢码功能
2016/08/10 PHP
自制PHP框架之模型与数据库
2017/05/07 PHP
Laravel获取所有的数据库表及结构的方法
2019/10/10 PHP
php实现对短信验证码发送次数的限制实例讲解
2021/03/04 PHP
javascript getElementsByClassName函数
2010/04/01 Javascript
关于js中alert弹出窗口文本换行问题简单详细说明
2012/12/11 Javascript
捕获和分析JavaScript Error的方法
2014/03/25 Javascript
bootstrap table 表格中增加下拉菜单末行出现滚动条的快速解决方法
2017/01/05 Javascript
vue2组件实现懒加载浅析
2017/03/29 Javascript
node通过express搭建自己的服务器
2017/09/30 Javascript
layui自定义插件citySelect实现省市区三级联动选择
2019/07/26 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
2019/12/02 Javascript
vue如何实现动态加载脚本
2020/02/05 Javascript
python计数排序和基数排序算法实例
2014/04/25 Python
Pycharm学习教程(4) Python解释器的相关配置
2017/05/03 Python
Python使用jsonpath-rw模块处理Json对象操作示例
2018/07/31 Python
Pyqt5实现英文学习词典
2019/06/24 Python
pygame实现俄罗斯方块游戏(基础篇2)
2019/10/29 Python
django从后台返回html代码的实例
2020/03/11 Python
解决Alexnet训练模型在每个epoch中准确率和loss都会一升一降问题
2020/06/17 Python
澳大利亚UGG工厂直销:Australian Ugg Boots
2017/10/14 全球购物
新西兰便宜隐形眼镜购买网站:QUICKLENS New Zealand
2019/03/02 全球购物
创意爱尔兰礼物:Creative Irish Gifts
2020/01/29 全球购物
写clone()方法时,通常都有一行代码,是什么?
2012/10/31 面试题
中专生自我鉴定范文
2013/12/19 职场文书
单位创先争优活动方案
2014/01/26 职场文书
2014年学习雷锋活动总结
2014/03/01 职场文书
党员干部2014全国两会学习心得体会
2014/03/10 职场文书
企业授权委托书范本
2014/04/02 职场文书
开学随笔
2015/08/15 职场文书
党员廉政准则心得体会
2016/01/20 职场文书
2019七夕节祝福语36句,快来收藏吧
2019/08/06 职场文书
《思路决定出路》读后感3篇
2019/12/11 职场文书
go原生库的中bytes.Buffer用法
2021/04/25 Golang