js判断页面代码加载完成情况

js判断页面代码加载完成情况

网页前端开发经常用到对页面加载进度的判断。其实很简单,主要用到的是js中document的两个方法。用document.onreadystatechange的方法来监听状态改变,然后用document.readyState == “complete”判断是否加载完成。

示例代码:

  1. document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法. 
  2. function subSomething()
  3. {
  4. if(document.readyState == “complete”) //当页面加载状态 
  5. myform.submit(); //表单提交 
  6. }

页面加载readyState的五种状态

文档原文如下:

0: (Uninitialized) the send( ) method has not yet been invoked.

1: (Loading) the send( ) method has been invoked, request in progress.

2: (Loaded) the send( ) method has completed, entire response received.

3: (Interactive) the response is being parsed.

4: (Completed) the response has been parsed, is ready for harvesting.

翻译成中文为:

0 - (未初始化)还没有调用send()方法

1 - (载入)已调用send()方法,正在发送请求

2 - (载入完成)send()方法执行完成,已经接收到全部响应内容

3 - (交互)正在解析响应内容

4 - (完成)响应内容解析完成,可以在客户端调用了

 

其实不管是前端开发还是后端开发,开发者尤其是刚入门的新手,切勿好高骛远,昨天看了一个新闻大概意思是做了好多年的一个前端公司倒闭后忽然陷入了找不到工作的境地。因此学会谦卑对程序员们来讲其实也是好事。

波波

发表评论

您必须 登录 才能发表留言!