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

Question

我需要在页面加载时调用一个函数。通常这将通过body onload调用来处理，但是我在CMS中重用多个页面上的body标记。我只需要在单个页面上运行脚本。是否有下一个最佳位置来启动上传功能？

Answer 1

使用window.onload event：

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

如果您有权访问jQuery，则可以使用.ready() syntaxes之一：

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

或者：

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

Answer 2

如果您使用的是jQuery，则可以在窗口上添加加载事件：

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

你也准备好了jQuery的DOM：

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

Answer 3

您可以在单独的js文件中对其进行实例化，因此只有在加载该文件时才会调用它，而不是CMS模板。即。

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