码迷,mamicode.com
首页 > 其他好文 > 详细

Image和onload

时间:2019-09-20 22:47:57      阅读:83      评论:0      收藏:0      [点我收藏+]

标签:nbsp   var   img   现在   gif   onload   image   xxx   标签   

一、JS的new image()用法

   创建一个Image对象:var a = new Image();

   定义Image对象的src:a.src="xxx.gif";这样就相当于给浏览器缓存一张照片了。<body>

   <img src="" alt=""  id="pic"/>
   <script>
      var a = new Image();
//将图片缓存在浏览器中 a.src
= "../picture/1.jpg"
//也可以将图片呈现在页面中
var pic = document.querySelector(#pic); pic.src = a.src </script> </body>

Image也经常用于预加载。

Image对象代表嵌入的图像。

<img>标签每出现一次,一个Image对象就会被创建。

image.onload:

  该事件的处理函数将会在image元素指示的图片加载完毕之后触发。此事件触发适用于用src元素属性或用list-style-image css属性声明元素样式。如果图片的加载源发生变化,该事件会在图片加载完毕之后再次触发。该事件不会再文档树上向上冒泡。

Image和onload

标签:nbsp   var   img   现在   gif   onload   image   xxx   标签   

原文地址:https://www.cnblogs.com/psxiao/p/11559830.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!