Jquery - 在页面加载时加载函数而不加载？

Question

使用jquery在不使用onload或on page load事件的情况下，为特定页面加载代码片段的最佳方法是什么？我有一个包含在不同页面中的js文件，这个js文件中包含自定义jquery代码，因此一些代码用于一个页面，其他代码用于其他页面。而不是将它们分解为自己的js代码，有没有办法让代码在加载某个页面时运行？

Answer 1

我建议将Require.js作为依赖管理的一种形式。您必须将脚本分解为更小的块，但require.js优化实用程序会将所有这些捆绑到一个请求中（因此您不必担心多个HTTP请求的开销）。

是的，使用这个库有一个小小的学习曲线，它与你现在正在做的不同，但从长远来看，你可以节省很多钱。

• 您将不再加载不属于该页面的脚本
• 您的脚本可以更加模块化，并且可以使用特定于案例的
• 您可以将所有单页依赖项捆绑到一个请求中（包括jquery lib）

Answer 2

您可以使用以下内容：

if(window.location.href == 'http://www.mysite.com/thispage')
{
    //javascript for 'thispage'
}

Answer 3

如何将代码放在页面底部的脚本标记中，并对location.href进行一些检查，如：

if(location.href == "/thisPage"){
   some code

 }

 if(location.href == "/thatPage"){
   some other code

 }