Proper way to add onload function to body using jQuery

Question

On one of my previous pages I use

 <script src="/js/wireEvent.js"></script> 
<body onload="wireEvent();" >

Basically, wireEvent() displays an image on top of the page whenever the mouse goes out of the browser. However, now I cannot add this function directly to the body of my page, so what is the proper way to add it? Will it be right if I add

<script>
 window.onload = wireEvent;
</script>

or I enclose the whole function in

 $( document ).ready

and only include the function's file to my html?

Answer 1

The code below executes only after all your images load completely. So you can try this:

$(document).on('load', function(){
   wireEvent();
});

Answer 2

You can just do:

$(function(){ 
//jQuery code here 
});

Proper way to add onload function to body using jQuery

Question

2 answers

solution1
2 ACCPTED 2016-10-06 08:54:56

solution2
1 2016-10-06 08:46:41

Proper way to add onload function to body using jQuery

Question

2 answers

solution1 2 ACCPTED 2016-10-06 08:54:56

solution2 1 2016-10-06 08:46:41

solution1
2 ACCPTED 2016-10-06 08:54:56

solution2
1 2016-10-06 08:46:41