What happened when a – Blake May 04 '14 at 20:07

Question

In general, the browser stops everything it's doing--stops rendering, stops the event loop, stops listening to or acting on input. This state is called "blocking." It then executes whatever is in the script block, or retrieves the script which is referenced in the src attribute via a GET request, then executes it when it arrives. After execution, the browser comes out of blocking and continues to parse the DOM.

score 4 · Answer 1 · answered May 04 '14 at 20:06

In general, the browser stops everything it's doing--stops rendering, stops the event loop, stops listening to or acting on input. This state is called "blocking." It then executes whatever is in the script block, or retrieves the script which is referenced in the src attribute via a GET request, then executes it when it arrives. After execution, the browser comes out of blocking and continues to parse the DOM.

score 2 · Answer 2 · answered May 04 '14 at 20:06

2

If I remember correctly, script sources aren't loaded asynchronously, which means execution will stop until it's loaded. As such, there's no need for an event that announces when it's done. Hopefully someone will correct me on this if I'm wrong.

answered May 04 '14 at 20:06

Meredith

844
6
17

score 1 · Accepted Answer · answered May 04 '14 at 21:02

This is described in HTML5 CR, in the section on the script element. In the example case, since neither the defer nor the async attribute is used, the browser will fetch (with a GET request) and execute the script before continuing the processing of the HTML document. The default handling is thus synchronous blocking behavior.

However, if you really use markup like <script src="http://...example.js"/> without an end tag </script>, the script is not fetched at all, except in the rare case where you serve the HTML document with an XML content type. The reason is that <script src="http://...example.js"/> is parsed as a start tag only, so all the rest is parsed as content of a script element, and when no end tag is parsed, the script element is not completed. So don’t try to use “self-closing” syntax; instead, write <script src="http://...example.js"></script>.

3 Answers3