Info on DOM and web page lifecycle

Question

I'm trying to find some good info on the ordering and events of a page...fundamentals. (ordering of what loads and when ...DOM, javascript, no matter what language you're coding in)

Does anyone know a good reference I could take a look at? I haven't found any good articles except for ASP.NET but I'm not looking for that specifically. I want to look up how the DOM loads vs. order of JavaScript, etc. in the web overall.

I guess on the ASP.NET side I'd want to know though when rendering JS from code-behind how that mixes with the ordering of page load for the DOM.

Answer 1

It sounds like you are looking for a good JavaScript and HTML DOM Reference. You'll need to drill down into specific categories, but all the fundamentals are there.

There is another post that discusses how the DOM is loaded and what happens when.

You may also find these (Yahoo) resources helpful in understanding page rendering performance:

• High Performance Web Sites: Rule 5 – Put Stylesheets at the Top
• High Performance Web Sites: Rule 6 – Move Scripts to the Bottom

(The general set of Yahoo's performance best-practices is here: http://developer.yahoo.com/performance/rules.html.)