zoukankan      html  css  js  c++  java
  • 每天一个JavaScript实例-推断图片是否载入完毕

    <!doctype html>
    <html lang="en">
    	<head>
      	<meta charset="utf-8">
        <title>每天一个JavaScript实例-推断图片是否载入完毕</title>
        <script>
    
       
        window.onload=  function(){
     
       			//clearTimeout(clock);
    			alert("载入完毕");
    		
    	}
    		var item = document.getElementsByTagName("img");
    		
    		var clock = setTimeout(function(){
    			//var item = document.getElementsByTagName("img");
    			//console.log(item);
    			//console.log(item.item(item.length-1).onload);
    		 	if(item.item(item.length-1).onload == null){
        	 	alert("还没载入完毕呢!");}
        	 },1000)
        
        
        </script>
       </head>
    
    	<body>		
        <img src="http://i1.hoopchina.com.cn/blogfile/201401/13/BbsImg138957793449615_500*311.jpg" />			
        <img src="http://www.xyzwallpaper.com/wp-content/uploads/2014/07/girl-wallpaper-300x300.jpg" />		
        <img src="http://www.xyzwallpaper.com/wp-content/uploads/2014/07/girl-wallpaper-2-300x300.jpg" />							 
        <img src="http://www.xyzwallpaper.com/wp-content/uploads/2014/07/girl-wallpaper-3-300x300.jpg" />		
        <img src="http://www.xyzwallpaper.com/wp-content/uploads/2014/07/girl-wallpaper-4-300x300.jpg" />		
        <img src="http://bestpaperz.com/data_images/out/40/8903786-shakira-in-the-chair.jpg" />		
        <img src="http://bestpaperz.com/data_images/out/40/8903770-red-currant.jpg" />		
        <img src="http://i1.hoopchina.com.cn/blogfile/201401/13/BbsImg138957793449615_500*311.jpg" />		
        <img src="http://bestpaperz.com/data_images/out/40/8903733-failed-surfing.jpg" />		
        <img src="http://bestpaperz.com/data_images/out/40/8903738-robert-pattinson.jpg" />		
        <img src="http://i1.hoopchina.com.cn/blogfile/201401/13/BbsImg138957793449615_500*311.jpg" />		
        <img src="http://bestpaperz.com/data_images/out/40/8903728-empty-bench.jpg" />		
        <img src="http://i1.hoopchina.com.cn/blogfile/201401/13/BbsImg138957793449615_500*311.jpg" />		
        <img src="http://bestpaperz.com/data_images/out/40/8903801-snow-park.jpg" />		
    
    	</body>
    	</html>		
    

  • 相关阅读:
    小米路由研究之中的一个加入菜单
    【Struts2学习笔记(9)】单文件上传和多文件上传
    isPostback 的原理及作用(很easy)
    1-2Html与CSS的关系
    【HTML5】实现QQ聊天气泡效果
    杭电1166敌兵布阵 (用的树状数组)
    安卓市场---框架搭建4
    qcow2 raw vhd 虚拟磁盘转换
    softlayer virtual machine vhd磁盘镜像导入shell脚本
    Openstack no valid hot
  • 原文地址:https://www.cnblogs.com/blfshiye/p/5073922.html
Copyright © 2011-2022 走看看