/
Simple document.body.onload event should trigger a javascript alert, but doesn't work but it works fine in my text editor -> browser. I switched the libraries around to jQuery to None (pure JS), still nothing, can someone explain to me what's going on and why it doesn't work in fiddle but works fine in my text editor?
This works:
<body>
Why
<script>
document.body.onload = function(){
alert("LOADED!");
}
</script>
</body>
http://jsfiddle/jzhang172/n5jb0159/
Simple document.body.onload event should trigger a javascript alert, but doesn't work but it works fine in my text editor -> browser. I switched the libraries around to jQuery to None (pure JS), still nothing, can someone explain to me what's going on and why it doesn't work in fiddle but works fine in my text editor?
This works:
<body>
Why
<script>
document.body.onload = function(){
alert("LOADED!");
}
</script>
</body>
-
Use
window.onloadand change the "onload" option on the left to "No wrap". jsfiddle/18rd92p4 – blex Commented Aug 11, 2015 at 15:56 - Still didn't work for me, I tried no wrap in head and body both and changed document.body to window. – Snorlax Commented Aug 11, 2015 at 15:58
4 Answers
Reset to default 8Your first problem:
You have configured JSFiddle to run your JS when the load event fires.
Consequently, when the load event fires, you bind another load event handler.
Your new load event handler is never called because the load event has already fired.
Change the menu option to one of the "No Wrap" approaches.
Your second problem:
The load event fires on the window object, not the body element.
You need to assign the property to the right place.
onload = function(){
alert("LOADED!");
}
Such: https://jsfiddle/n5jb0159/5/
You code is good, just change your JSFiddle option from this:
onLoad
to this:
No wrap - in <body>
Here is your updated JSFiddle
I was able to get it working http://jsfiddle/n5jb0159/8/
Just put the script inside the body.
<body>
<script>document.body.onload = function(){alert("sdffds")}</script>
</body>
There also one notice against the behavior in jQuery for onload event behavior in JSFIddle.
Testing code in HTML DOM addEventListener() Method is as below:
window.addEventListener('load', initialProcess, false);
LOAD TYPE: onLoad https://jsfiddle/chetabahana/a9dxv3fb/5/
When Load type set to
onLoad, the event doesn't fires an excecution
LOAD TYPE: onDomready https://jsfiddle/chetabahana/a9dxv3fb/6/
When it was set
onDomready, the event fires and works fine