Image和onload

时间 2019-11-08

标签 image onload 繁體版

原文原文链接

1、JS的new image（）用法css

建立一个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对象表明嵌入的图像。spa

<img>标签每出现一次，一个Image对象就会被建立。code

image.onload:对象

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