way to load javascript code in web page

I prepare a project with a simple webpage, canvas, and javascript files that run game in the canvas. I want load my code when page starts, what is best way?

1. put body onload?
2. startu开发者_如何学Gop code in body of .js file (not in function)?
3. attach to window load event?
4. use some jquery capability?

Thanks!

You can attach to when the page loads using jQuery like this:

$(function() {
    // Your code here.
});

If that's the only thing you'd be using jQuery for, though, I'd probably stick with your third option you listed there.

Javascript and jQuery code is generally best put right before the </body> tag.

Use $(document).ready

$(document).ready(function() { code goes here; } );

Since you are using jQuery, you should use the facilities it provides..

$(document).ready(
function(){

   /*You code goes here..*/


});