Question

我正在编写一个大型的JavaScript应用程序，它是一个单页应用程序。我正在使用带有jade的node.js。我有关于为前端加载javascript文件的问题。

就像你有这些页面一样：

{{1}}

当用户只来到个人资料页面时，我应该加载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>

但我的问题是我是通过将我的javascript放在每个html文件的底部来做到的吗？和我的css文件一样。

通常不会执行html中的脚本。 jQuery为你做了，但我仍然认为，这不是一个好主意。
您正在多次加载相同的脚本。为每个页面加载脚本不超过一次是正确的。

在不同的端点加载javascript文件

1 个答案: