在CMS中加载时启动JavaScript函数的正确方法是什么？

Question

I need to call a function on page load. Typically this would be handled with a body onload call, however I'm in a CMS that reuses the body tag on multiple pages. I only need the script to run on a single page. Is there a next-best-location to initiate an onload function?

Answer 1

Use the window.onload event :

window.onload = function() {  
    // do stuff
};

If you have access to jQuery, you can use one of the .ready() syntaxes :

$(document).ready(function() {
    // do stuff
});

OR:

$(function() {
    // do stuff
});

Answer 2

If you are using jQuery, you can add a load event on window:

$(window).on('load', function(){
   // do stuff here
})

You also have DOM ready with jQuery:

$(function(){
   //stuff here 
});

Answer 3

You can instantiate it in a separate js file, so it will only be called when that file is loaded, not the CMS template. ie

window.onload = function(){
// Do stuff
};