hhhhhhh

js判断网页是否加载完毕 包括图片


 

  1. <script type="text/javascript" language="JavaScript">     
  2.                 
  3.            //: 判断网页是否加载完成     
  4.            document.onreadystatechange = function () {      
  5.                if(document.readyState=="complete") {            
  6.                    document.getElementById('divprogressbar').style.display='none';      
  7.                }     
  8.            }      
  9.                 
  10.        </script>     

 

 

做web的同学们经常会碰到客户上传图片将网页内容区撑破了的情况,下面就这个问题我们一种如何使用js处理这个问题的方法,具体思路就是在js判断客户端的图片下载完毕之后适时的对该图片的宽度或者高度做一些处理,js处理图片主要是利用JavaScript中Image对象,通过 onload 事件和 onreadystatechange 来进行判断。

(1)第一中方法,通过onload事件,比如:

 

(2)第二种方法,使用 onreadystatechange 来判断

 

 
 
posted @ 2017-01-03 14:58  海纶  阅读(744)  评论(1编辑  收藏  举报