2021-04-22

js利用Image对象赋值src,将图片缓存到浏览器

创建一个全局数组变量用于存储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.= new else { xhr = new ActiveXObject('Microsoft.); } //异步接受响应 xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) {  var data = 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);









原文转载:http://www.shaoqun.com/a/701737.html

跨境电商:https://www.ikjzd.com/

shopyy:https://www.ikjzd.com/w/1661

dhl:https://www.ikjzd.com/w/516


创建一个全局数组变量用于存储Image对象varimages=[];创建Image对象并赋值src,将图片缓存到浏览器functionpreload(){for(i=0;i<preload.arguments.length;i++){images[i]=newImage();images[i].src=preload.arguments[i];}}通过ajax获取页面将要加载的图片地址fun
zappos.com:https://www.ikjzd.com/w/330
zappos:https://www.ikjzd.com/w/330
燕文物流:https://www.ikjzd.com/w/2229
旅行中发生的美妙邂逅 口述火车上和陌生美女的故事:http://lady.shaoqun.com/a/270023.html
奋起反抗!墨西哥警告或对美国关税措施进行反制:https://www.ikjzd.com/home/97142
盘点亚马逊中东下半年大卖日历,选品指南别错过:https://www.ikjzd.com/home/130763

No comments:

Post a Comment