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

相關文章

相關標籤/搜索

XLink 和 XPointer 教程

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<