科技 > 操作系统 > windows

javaScript的预加载

16人参与2019-08-13

在有大量图片的页面中,为了避免页面加载完图片还未加载完成,我们通常会使用js的图片预加载。

这是一个预加载的demo:

首先把图片放入到一个类名为imgsrcarr的变量当中:

var imgsrcarr = [

    ‘./imgs/01.png’,

    ‘./imgs/02.png’,

    ‘./imgs/03.png’,

    ‘./imgs/04.png’,

    ‘./imgs/05.png’

]

 

再用一个变量来储存要遍历的图片:

var imgwrap = [];

 

用一个函数来执行这个方法:

function preloadimg(arr) {

    for(var i = 0; i < arr.length; i ++) {

        imgwrap[i] = new image();

        imgwrap[i].src = arr[i];

    }

}

 

页面加载时执行此函数:

window.onload = function() {

    preloadimg(imgsrcarr);

}

 

在页面执行此函数:

$(function(){

    var imgsrcarr = [

        ‘./imgs/01.png’,

        ‘./imgs/02.png’,

        ‘./imgs/03.png’,

        ‘./imgs/04.png’,

        ‘./imgs/05.png’

    ];

    var imgwrap = [];

    function preloadimg(arr) {

        for(var i = 0; i < arr.length; i ++) {

            imgwrap[i] = new image();

            imgwrap[i].src = arr[i];

        }

    }

    window.onload = function() {

        preloadimg(imgsrcarr);

    }

})

您希望与广大热心网友互动!!点此进行留言回复

相关推荐

javaScript的预加载

08-13

临时文件有哪些危害以及处理方法

03-29

win7旗舰版系统出现蓝屏提示错误代码0X00000000A的解决方法

05-08

逆向MFC程序

07-29

详解联想电脑的联想一键还原系统怎么用

06-21

win10系统不够简洁怎么办?win10系统精简方法汇总

06-02

Win10技巧:如何开启隐藏的锁屏时间设置项

06-04

网站服务器被劫持,这样解决就可以了

08-01

Win7系统打开CDR文件是空白的完美解决方案

07-10

Win7系统中如何禁用windows media cente功能

03-09

最近更新

Windows Server 2008文件服务器

08-18

微软发布Windows 10 Build 18963:加入众多改进

08-18

iPadOS/iOS 13 beta 7来了:一起来看看新变化

08-18

Windows Server 2008利用NTFS管理数据

08-17

加域

08-17

Win10 8月更新翻车:用户更新后设备重启、安装失败等

08-17

国产系统大有可为 从鸿蒙看未来操作系统的大潮

08-17

Windows Server 2008创建域环境

08-16

通过Desktop.ini设置文件夹备注以及图标

08-16

windows7使用vhd虚拟磁盘

08-16

网友评论

已有0条评论