javascript - <script defer> and $(document).ready

Question

According to http://caniuse.com/script-defer, most browsers support the script tag's defer attribute.

I would like to know if scripts specified by <script defer src="..."> get executed before or after jQuery's $(document).ready()? Are the major, modern browsers (Chrome, Firefox, IE, etc.) consistent in the order of execution or does it vary?

Answer 1

Based on this fiddle I have to say jQuery's $(document).ready() executes after a script declared with defer. I tested it with Firefox and Chrome, and both had the same behavior independently of the sequence of the scripts.

I guess behavior on other browsers might change based on their implementation, so it's always uncertain.

EDIT: As it turns out, the defer attribute should be used with an external javascript file. I edited the fiddle to show this, apparently with the same results.

Updated fiddle here: http://jsfiddle.net/RNEZH/15/