創建一個全域陣列變數用于存盤Image物件
var images = [];創建Image物件并賦值src,將圖片快取到瀏覽器
function preload() { for (i = 0; i < preload.arguments.length; i++) { images[i] = new Image(); images[i].src = preload.arguments[i]; } }
通過ajax獲取頁面將要加載的圖片地址
function ajaxGetImgstr() { //創建xhr物件 var xhr; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else { xhr = new ActiveXObject('Microsoft.XMLHTTP'); } //異步接受回應 xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { var data = https://www.cnblogs.com/swcffgh/p/JSON.parse(xhr.responseText); //data是一個陣列，陣列項為圖片地址 console.log(data); preload(...data); } } //發送請求 xhr.open('get', 'http://xxx/xxx/xxx', true); xhr.send(); }
利用西蒙·威利森 (Simon Willison)——jQuery框架的開發者之一撰寫的addLoadEvent函式
function addLoadEvent(func) { var oldonload = window.onload;//將現有的事件處理函式的值存入變數中 if (typeof window.onload != 'function') { window.onload = func;//如果這個事件處理函式沒有系結任何函式，就把新函式添加給它 } else { window.onload = function() { oldonload(); func();//如果已經系結了函式，就把新函式追加到現有指令的末尾 } } }
將ajaxGetImgstr添加到頁面加載完成后要執行函式中
addLoadEvent(ajaxGetImgstr);
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/279217.html
標籤：JavaScript
上一篇：實作Web請求后端Api的Demo，實作是通過JQuery的AJAX實作后端請求，以及對請求到的資料的決議處理，實作登錄功能
下一篇：JavaScript 01