javascript - 在不同端点加载 javascript 文件

Question

我正在编写一个大型 javascript 应用程序，它是一个单页应用程序。我正在使用 node.js 和 Jade 。我对为前端加载 javascript 文件有疑问。

就像你有这些页面:

- profile
- dashboard
- setting

我应该在用户只访问个人资料页面时加载 profile.js 吗？我有页眉和页脚的 layout.html，上面的页面是布局的子页面。我不想一次把家里的所有东西都装上，因为那样太重了。

但我的问题是，将我的 javascript 放在每个 html 文件的底部是否正确？我的 css 文件也是如此。

Answer 1

document.querySelector("button").addEventListener('click', function (event) {
  if (!document.head.querySelector(".angular-script")) { // Angular is not added yet
    var s = document.createElement('script');
    s.src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js";
    s.className = "angular-script";
    document.head.appendChild(s);
  }
});

<button>Load angular</button>

<span ng-app>{{1 + 2 + 3}}</span>

But my question is am I doing it right by putting my javascript at the bottom of every html file? same go with my css file.

1. 通常不会执行 html 中的脚本。 jQuery 会为您做这件事，但我仍然认为，这不是一个好主意。

2. 您多次加载同一个脚本。为每个页面加载脚本不超过一次是正确的。