javascript - 使用缩小页面特定的 JS

Question

我一直在从事一个相当大规模的项目，该项目利用了许多不同的页面，每个页面都有一些非常具体的 Javascript。为了减少加载时间，我计划在部署之前将其全部压缩到一个文件中。

问题是：我应该如何避免在不需要的页面上启动特定于页面的 JS？到目前为止，我最好的解决方案是将每一页包装在一些额外的容器中

<div id='some_page'>
...everything else...
</div>

我扩展了 jQuery，所以我可以做这样的事情：

// If this element exists when the DOM is ready, execute the function
$('#some_page').ready(function() {
    ...
});

哪个，虽然有点酷，只是让我误会了。

score 3 · Accepted Answer

我通过为每个页面的<body>元素提供一个唯一的 id 来实现这一点：

<html><head>...</head><body id="sign-in">...</body></html>

并在 jQuery 块中编写我所有的页面特定脚本，如下所示：

$(function(){
  if (!$('body#sign-in').length) return;
  // Code specific to sign-in page here
});

1 回答 1