1、 establish document object , Analysis web page , here document.readyState=“loading”

2、 Download the script and execute , Parsing documents at the same time .

3、 Document parsing complete ,document.readyState=“interactive”

4、 Browser trigger DOMContentLoaded event . Enter the asynchronous event driven phase

5、 Document parsing complete 、 But it may still be waiting for other content such as images to load , Trigger window.load event

javascript More articles on client timelines

  1. When using master pages JavaScript The client gets the server control Id

    When using MasterPage.UserControl Wait for the container , To avoid duplicate naming of controls ,asp.net The control in the container will be automatically generated into a ClientID(Control Tree Can be generated in , Otherwise, it will not generate ). J ...

  2. The front-end development 【 The first 6 piece :JavaScript client ( browser )】

    Web In the browser JavaScript client JavaScript Timeline 1.Web Browser creation Document object , And start parsing web page , analysis HTML Element and the text content of its door Element Objects and Te ...

  3. SignalR Of Javascript client API How to use it

    SignalR There are two ways to implement it , Namely PersistentConnection and Hub, The focus of these two ways is different : PersistentConnection Closer to the bottom , The programming interface is relatively simple , transmission ...

  4. JavaScript client MVC Framework Overview

    brief introduction 15 Years ago , Many people use Perl and ColdFusion And so on . We often write scripts that can query the database at the top of the page , Apply the necessary transformations to the data , And display data at the bottom of the same script . This kind of architecture is suitable for ...

  5. asp.net core series 58 IS4 browser-based JavaScript Client applications

    One . summary This article discusses the use of " browser-based JavaScript Client applications ". It is the same as the previous article , It's just the use of JavaScript As a client program , Instead of core mvc Background code for Ht ...

  6. IdentityServer4 Chinese document -15- ( Quick start ) add to JavaScript client

    IdentityServer4 Chinese document -15- ( Quick start ) add to JavaScript client original text :http://docs.identityserver.io/en/release/quicks ...

  7. json, Load asynchronously , Timeline

    JSON It's a format for transmitting data JSON.stringify(obj);  obj--string JSON.parse(str);   string-->obj      

  8. 《 Timeline 》:WWT  The digital universe , Virtual stars

    Li Beichen / writing Wilde said : We live in sewers , But there are still people looking up at the stars . Now , This exclamation still represents a certain degree of correctness , But the 19 The English gentry of the 20th century did not know : In the East more than 100 years later " Imperial Capital ", When young people trapped in the gutter ...

  9. WPF In the animation ——( 3、 ... and ) Timeline (TimeLine)

    WPF In the animation ——( 3、 ... and ) Timeline (TimeLine) Timeline (TimeLine) Represents a time period . It provides properties that allow you to control the length of the time period . Starting time . Repeat the number . The speed of time progress in this period, etc . stay WPF The following is built in ...

Random recommendation

  1. nvm

    nvm install stable # Install the latest stable version node, Now it is 5.0.0 nvm install 4.2.2 # install 4.2.2 edition nvm install 0.12.7 # install 0.1 ...

  2. core java 5~6(OOP & High level language features )

    MODULE 5 OOP Object oriented programming --------------------------------------------------------Object Oriented Program ...

  3. unix network programming(3rd)Vol.1 [ The first 2~5 Chapter ]《 Reading notes series 》

    13~22 Chapter important The first 2 Chapter Transport layer : TCP/ UDP / STCP (Stream Control Transmission Protocol) TCP reliable , There's a retransmission mechanism ,SYN Queue number UDP must not ...

  4. ACM Competition skills

    One . Language is the most important basic skill     Whatever the focus is , As long as it's a contest that's finally realized through a computer program , Language is the first hurdle for everyone . The languages supported by Asian competitions include C/C++ And JAVA. The author first talks about JAVA, as everyone knows , do ...

  5. mybatis generator Plug in installation and use

    Now? Mybatis especially popular , But in the development, we often write entity classes and configuration files , Would it be particularly annoying , So we can use Mybatis Code generation plug-in to generate this part of the code : 1, open eclipse, Click on Help>Softwar ...

  6. Single Number2

    Topic link :http://oj.leetcode.com/problems/single-number-ii/ Given an array of integers, every element app ...

  7. newest QT4.8+kernel_3.2.5+uboot_2010.06+tslib Successful transplantation - Summary of problems

    2012-02-19 21:34:13 Are downloaded from the source code and then modify their own , Use with TQ2440, Before uboot It's already done . however yaffs2 I didn't bring it up . Now looking back, it's very simple .bootargs In the parameters I set to ...

  8. Java Introduction of cryptosystem architecture :Java Cryptography Architecture (JCA) Reference Guide

    come from Java Official document , Use as a reminder . brief introduction : Java The platform emphasizes security very much , Including language security , cryptography , Public key infrastructure , authentication , Secure communication and access control . JCA It's a major part of the platform , Contains a “ Provider ” Architecture and a set of ...

  9. js Binary tree delete maximum and minimum

    // Delete minimum function delMinNode (root){ if(!root) { return false; } var current = root; if (current.left ...

  10. EntityFramework series : Entity class configuration - Configure relationships and associations based on dependencies

    EF The configuration of the entity class can use data annotation or Fluent API Two ways to configure ,Fluent API The key to configuration is to understand the dependency of entity class , Configure in this way , Fast, efficient and reasonable . For ease of understanding , We use simplified entities A and B as well as A.B ...