Body onLoad not working if a script tab is included inside body

Question

Summary: Following body onload works when a link to another script using <script> is included in the head tag but not while the same <script> is included just before the end of body

<body onload="console.log('body loaded');">

To Reproduce:

Load Complete code in Fiddle

When we set the Javascript Loadtype to No Wrap - In <head>, we see the following logs in the console:

DOM Loaded
window loaded
body loaded

But when we set it to No Wrap - In <body>, we see the following logs in the console:

DOM Loaded
window loaded

Why the difference?

http://stackoverflow.com/questions/2414750/difference-between-domcontentloaded-and-load-events — dude, Mar 04 '16 at 07:41
You have not posted the code that is not working, not even in your fiddle . — Rajshekar Reddy, Mar 04 '16 at 07:43
If you load the same html in your webpage, the `'body loaded'` will be printed. I sense this is an issue with jsfiddle — bigOmega ツ, Mar 04 '16 at 07:52
@bigΩmega I tried the same in Chrome and the behavior is same i.e., 'body loaded' is not getting printed when the script tag is added just before the closing body tag :( — Keerthi Kumar P, Mar 05 '16 at 04:44

score 0 · Answer 1 · answered Mar 04 '16 at 07:45

0

Setting it in body tag needs to wait for all the resources to be rendered in page such as images, styles, scripts etc.

When you put it inside head tag, no need to wait for the resources to be rendered.

It's like between window.on('load') and document.ready in jquery.

answered Mar 04 '16 at 07:45

aldrien.h

3,437
2
30
52

But regardless js console will always be ready to be used, at any point. DOM load shouldn't block that – bigOmega ツ Mar 04 '16 at 07:55

Body onLoad not working if a script tab is included inside body

1 Answers1