admin管理员组

文章数量:1341686

/

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>
  • javascript
  • html
Share Improve this question asked Aug 11, 2015 at 15:55 SnorlaxSnorlax 4,7759 gold badges42 silver badges72 bronze badges 2
  • Use window.onload and 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
Add a ment  | 

4 Answers 4

Reset to default 8

Your 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

本文标签： javascriptSimple onload doesn39t work in JSFIddleStack Overflow

版权声明：本文标题：javascript - Simple onload doesn&#39;t work in JSFIddle - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743614120a2510477.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。