Community Learn Tools Library Leisure

English

Home > Web Front-end > JS Tutorial > Three ways to use JavaScript to determine whether an image has been loaded_javascript skills

Three ways to use JavaScript to determine whether an image has been loaded_javascript skills

WBOY

Release： 2016-05-16 16:50:17

Original

1292 people have browsed it

Sometimes you need to get the size of the image, which needs to be done after the image is loaded. There are three ways to achieve this, which are introduced one by one below.

1. Load event

Copy code The code is as follows:

< !DOCTYPE HTML>

img - load event

Tested, all browsers show "loaded" indicates that all browsers support the load event of img.

2. readystatechange event

Copy code The code is as follows:

< !DOCTYPE HTML>

img - readystatechange event

readyState is complete and loaded indicates that the image has been loaded. Tested that IE6-IE10 support this event, other browsers do not support it.

3. Complete attribute of img

Copy code The code is as follows:

img - complete attribute

Polling continuously monitors the complete attribute of img. If it is true, it indicates that the image has been loaded and stops polling. This attribute is supported by all browsers.
Three ways to use JavaScript to determine whether an image has been loaded_javascript skills

Three ways to use JavaScript to determine whether an image has been loaded_javascript skills

Related labels：

Image loading

source：php.cn

Previous article：JavaScript gets the original size of the image, taking width as an example_javascript tips Next article：jQuery simple chart peity.js usage example_jquery

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn