博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS判断图片加载完成方法
阅读量:7221 次
发布时间:2019-06-29

本文共 330 字,大约阅读时间需要 1 分钟。

javascipt原生方法

选取指定ID的图片,通过onload指定回调方法,在图片加载完成后弹出“图片加载已完成”字样提示。

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

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

 

 

onload方法

 

通过向img标签添加onload属性,并填入相应的函数来执行后续的javascipt代码。如下代码例子中img元素默认是不显示的,通过onload判断加载完成后再将图片显示出来。

 

优点:可以将javascript代码部分放置于页面的任何部分加载,并且可以用于多数任意图片上。使用比较简单,易理解。

缺点:必须在每个标签上都贴上onlaod属性,在某些无法直接操作HTML代码,或者需要代码精简的情况下不适用

 

转载地址:http://egqym.baihongyu.com/

你可能感兴趣的文章
MySQL 主从双向复制实验
查看>>
解决IE屏蔽Java Applet问题的方法
查看>>
常用镜像地址
查看>>
中间件技术介绍
查看>>
linux系统用户管理
查看>>
我的友情链接
查看>>
简单使用epel源来安装NTOP及使用和chkrootkit的安装应用
查看>>
zabbix 监控mysql
查看>>
《jQuery权威指南》学习笔记——第三章
查看>>
pwd 、 ls 、 基础讲解
查看>>
TurboMail邮件系统资深技术支持杨工专访(二)
查看>>
第五周作业
查看>>
k8s ingress
查看>>
ubuntu修改主机名和出现问题
查看>>
决心书
查看>>
实验七 端口聚合配置
查看>>
redis配置文件redis.conf参数说明
查看>>
怎么使用rpm包方式安装MySQL
查看>>
第三课unit8 mariadb
查看>>
better-scroll 怎样new多个实例?
查看>>