<!doctype html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>js处理预加载图片</title>

 </head>

 <img src="http://static.googleadsserving.cn/pagead/imgad?id=CICAgKDTydS8JhCsAhj6ATIIRJtOOsejnHk" alt=""/>

 <img src="http://www.jb51.net/images/logo.gif" alt=""/>

 <img src="http://imglf1.nosdn.127.net/img/Z09yMllJWHpmK2NBcnB4M2lKOFRHK2d1azFNSmFveVE1OG8vTmVJNXhZYnhycGFzOXhqckZ3PT0.jpg?imageView&thumbnail=2000y1235&type=jpg&quality=96&stripmeta=0&type=jpg" alt=""/>

 <img src="http://imgcdn.ph.126.net/OR2duCBCm0pSFr-J9FaApg==/6631284369490579486.jpg" alt=""/>

 <img src="http://imgcdn.ph.126.net/TjjGrghOlZKwrarCHGFEMQ==/294704300716273180.jpg" alt=""/>

 <img src="http://imglf2.nosdn.127.net/img/SVRrRE5mVzEvM0FRWGZSQ1RYSmdkNXFlNmhQWWRrRmdyU0N1TXdnd05KUWhNY3BRSXV3MUJRPT0.jpg?imageView&thumbnail=2000y1329&type=jpg&quality=96&stripmeta=0&type=jpg" alt=""/>

 <img src="http://imgcdn.ph.126.net/czn-UyCIDqKOQbNknCSbpg==/3750935539746209461.jpg" alt=""/>

 <body>

 <script>

     var arr1 = [

             "http://static.googleadsserving.cn/pagead/imgad?id=CICAgKDTydS8JhCsAhj6ATIIRJtOOsejnHk",

             "http://www.jb51.net/images/logo.gif",

             "http://imglf1.nosdn.127.net/img/Z09yMllJWHpmK2NBcnB4M2lKOFRHK2d1azFNSmFveVE1OG8vTmVJNXhZYnhycGFzOXhqckZ3PT0.jpg?imageView&thumbnail=2000y1235&type=jpg&quality=96&stripmeta=0&type=jpg",

             "http://imgcdn.ph.126.net/OR2duCBCm0pSFr-J9FaApg==/6631284369490579486.jpg",

             "http://imgcdn.ph.126.net/TjjGrghOlZKwrarCHGFEMQ==/294704300716273180.jpg",

             "http://imglf2.nosdn.127.net/img/SVRrRE5mVzEvM0FRWGZSQ1RYSmdkNXFlNmhQWWRrRmdyU0N1TXdnd05KUWhNY3BRSXV3MUJRPT0.jpg?imageView&thumbnail=2000y1329&type=jpg&quality=96&stripmeta=0&type=jpg",

             "http://imgcdn.ph.126.net/czn-UyCIDqKOQbNknCSbpg==/3750935539746209461.jpg",

     ];

     function loadimg(){

         var t = 0;

         Oimg = document.getElementsByTagName("img");

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

             Oimg[i].onload = function(){

                 if(t == Oimg.length-1){

                     alert("加载完成");

                 }else{

                     t++;

                 }

             }

         }

     }

 loadimg();

 </script>

 </body>

 </html>

js预处理图片个人见解1的更多相关文章

  1. JS继承的一些见解

    JS继承的一些见解 js在es6之前的继承是五花八门的.而且要在项目中灵活运用面向对象写法也是有点别扭,更多的时候还是觉得面向过程的写法更为简单,效率也高.久而久之对js的继承每隔一段时间就会理解出现 ...

  2. js简单 图片版时钟，带翻转效果

    js简单 图片版时钟,带翻转效果 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"& ...

  3. JS实现图片预加载无需等待

    网站开发时经常需要在某个页面需要实现对大量图片的浏览;用javascript来实现一个图片浏览器,让用户无需等待过长的时间就能看到其他图片 网站开发时经常需要在某个页面需要实现对大量图片的浏览,如果考 ...

  4. js压缩图片base64长度

    var myCanvas=$('.img-container > img').cropper('getCroppedCanvas'); (function (base64){ var image ...

  5. ASP.NET MVC中使用Dropzone.js实现图片的批量拖拽上传

    说在前面 最近在做一个MVC相册的网站(这里),需要批量上传照片功能,所以就在网上搜相关的插件,偶然机会发现Dropzone.js,试用了一下完全符合我的要求,而且样式挺满意的,于是就在我的项目中使用 ...

  6. 使用 FocusPoint.js 实现图片的响应式裁剪

    通常网站的布局都不是单一的.例如图像在电脑.平板和智能手机上可能显示的形状是不同的.特别是如果你使用的是全屏图像,在你必须使用相同的图像文件的情况下,你的主题可能会被截断或完全缺失,或者看起来很尴尬. ...

  7. Lazyr.js – 延迟加载图片（Lazy Loading）

    Lazyr.js 是一个小的.快速的.现代的.相互间无依赖的图片延迟加载库.通过延迟加载图片,让图片出现在(或接近))视窗才加载来提高页面打开速度.这个库通过保持最少选项并最大化速度. 在线演示    ...

  8. Webview加载本地js、图片的方法

    在项目开发中经常会将比较大的js.图片.css等放到app中,而html放服务器,这样在使用时流量较少,加载也比都放服务器上快,其实方法也比较多,网上搜了很久都没结果. 一种是获取服务器返回的html ...

  9. WebApp：如何让安卓的webview缓存webapp的html、js和图片等资源

    一.开发环境     客户端:安卓+webview(vuejs)     服务器端:tomcat 8.0 二.问题     使用安卓原生+web(基于webpack+vuejs)的方式开发了一个安卓应 ...

随机推荐

  1. Python 提示 no module named win32api

    Windows下运行Python程序 提示错误  说是没有win32api的模块 解决办法 : 安装pywin32对应于Python的版本  可从https://sourceforge.net/pro ...

  2. python 爬虫时遇到问题及解决

    源代码: #unicoding=utf-8import reimport urllib def gethtml(url): html=urllib.urlopen(url) page=html.rea ...

  3. QT5中QString与char *的相互转换

    以例子说明: #include <QApplication> #include <QDebug> #include <QString> #include <Q ...

  4. android从网络获取图片

    http://blog.csdn.net/wangjinyu501/article/details/8219317 http://www.cnblogs.com/JerryWang1991/archi ...

  5. 本地拦截genymotion或者Android模拟器的网络请求

    我们在主机上面运行了Burp或者fiddler,那么代理已经监听在本机的8080端口了. 那么我们需要在模拟器中进行如下设置: 1.在设置中,长按当前连接的wifi网络,弹出如下: 2. 点击修改网络 ...

  6. VB.NET让webbrowser控件中JS脚本错误最新方法（2013-09-16）

    最近也是在项目中遇到了webbrowser控件中想关闭JS脚本错误窗口的问题,所以经过多次测试,终于用一段高效实用的代码完美解决webbrowser控件中JS脚本错误窗口关闭的问题. 通过创建一个子线 ...

  7. 编程内功修炼之数据结构—BTree（三）总结

    BTree必须通过各种编程约束,使得不脱离BTree的本身特性: 1)BTree关键字插入操作:插入过程中,如果节点关键字达到上限,添加分裂约束,从而控制每个节点的关键字数维持在 t-1~2*t-1内 ...

  8. Recover a file even if it was not committed but it has to have been added when you use git reset head by mistake.

    git init echo hello >> test.txt git add test.txt Now the blob is created but it is referenced ...

  9. 递推计数-hdu-4747-Mex

    题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=4747 题目大意: 给n个数,求所有区间内没有出现的最小非负整数和. 解题思路: 首先感谢大神博客:h ...

  10. HDU4551

    简单. /* 简单题 */ #include<stdio.h> #include<string.h> #include<stdlib.h> #include< ...