zoukankan html css js c++ java

js预处理图片个人见解1

 1 <!doctype html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>js处理预加载图片</title>
 6 </head>
 7 <img src="http://static.googleadsserving.cn/pagead/imgad?id=CICAgKDTydS8JhCsAhj6ATIIRJtOOsejnHk" alt=""/>
 8 <img src="http://www.jb51.net/images/logo.gif" alt=""/>
 9 <img src="http://imglf1.nosdn.127.net/img/Z09yMllJWHpmK2NBcnB4M2lKOFRHK2d1azFNSmFveVE1OG8vTmVJNXhZYnhycGFzOXhqckZ3PT0.jpg?imageView&thumbnail=2000y1235&type=jpg&quality=96&stripmeta=0&type=jpg" alt=""/>
10 <img src="http://imgcdn.ph.126.net/OR2duCBCm0pSFr-J9FaApg==/6631284369490579486.jpg" alt=""/>
11 <img src="http://imgcdn.ph.126.net/TjjGrghOlZKwrarCHGFEMQ==/294704300716273180.jpg" alt=""/>
12 <img src="http://imglf2.nosdn.127.net/img/SVRrRE5mVzEvM0FRWGZSQ1RYSmdkNXFlNmhQWWRrRmdyU0N1TXdnd05KUWhNY3BRSXV3MUJRPT0.jpg?imageView&thumbnail=2000y1329&type=jpg&quality=96&stripmeta=0&type=jpg" alt=""/>
13 <img src="http://imgcdn.ph.126.net/czn-UyCIDqKOQbNknCSbpg==/3750935539746209461.jpg" alt=""/>
14 <body>
15 <script>
16     var arr1 = [
17             "http://static.googleadsserving.cn/pagead/imgad?id=CICAgKDTydS8JhCsAhj6ATIIRJtOOsejnHk",
18             "http://www.jb51.net/images/logo.gif",
19             "http://imglf1.nosdn.127.net/img/Z09yMllJWHpmK2NBcnB4M2lKOFRHK2d1azFNSmFveVE1OG8vTmVJNXhZYnhycGFzOXhqckZ3PT0.jpg?imageView&thumbnail=2000y1235&type=jpg&quality=96&stripmeta=0&type=jpg",
20             "http://imgcdn.ph.126.net/OR2duCBCm0pSFr-J9FaApg==/6631284369490579486.jpg",
21             "http://imgcdn.ph.126.net/TjjGrghOlZKwrarCHGFEMQ==/294704300716273180.jpg",
22             "http://imglf2.nosdn.127.net/img/SVRrRE5mVzEvM0FRWGZSQ1RYSmdkNXFlNmhQWWRrRmdyU0N1TXdnd05KUWhNY3BRSXV3MUJRPT0.jpg?imageView&thumbnail=2000y1329&type=jpg&quality=96&stripmeta=0&type=jpg",
23             "http://imgcdn.ph.126.net/czn-UyCIDqKOQbNknCSbpg==/3750935539746209461.jpg",
24     ];
25     function loadimg(){
26         var t = 0;
27         Oimg = document.getElementsByTagName("img");
28         for(var i=0;i<Oimg.length;i++){
29             Oimg[i].onload = function(){
30                 if(t == Oimg.length-1){
31                     alert("加载完成");
32                 }else{
33                     t++;
34                 }
35             }
36         }
37     }
38 loadimg();
39 </script>
40 </body>
41 </html>

坚持下去就能成功

查看全文

相关阅读:
简单的纯css菜单
 提高 web 应用性能之 JavaScript 性能调优(转)
从拖延者到行动派的10个秘诀（转）
程序员，你应该知道(转)
幽默的经济学+组织领导学
 [SQL基础]统计信息解释
 演讲集合
 最隐晦的程序设计指引(转)
windows 7 "unmountable boot volume" 解决方法
 kafka与springboot集成2

原文地址：https://www.cnblogs.com/suoking/p/4900704.html