別のエンドポイントにjavascriptファイルをロードしています

Question

私は大きなjavascriptアプリケーションを作成しています.1ページアプリケーションです。私はjadeとnode.jsを使用しています。そして、私はフロントエンドのためのjavascriptファイルを読み込むことについて質問があります。

あなたはこれらのページを持っているように：

- profile 
- dashboard 
- setting 

ユーザーが唯一の正しいプロフィールページに来たとき、私はprofile.jsをロードする必要がありますか？私はヘッダーとフッターのlayout.htmlを持っており、上記のページはレイアウトの子です。それはあまりにも重いので、私はすぐに家にすべてをロードしたくないです。

しかし、私の質問は、すべてのhtmlファイルの下に自分のjavascriptを置くことで正しくやっていますか？私の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>

しかし、私の質問は、私は右のすべてのhtmlファイルの一番下に私のjavascriptを置くことによって、それをやっているのですか？私のCSSファイルと同じです。

1. 通常のHTML内のスクリプトが実行されません。 jQueryはあなたのためにそれを行いますが、私はまだ考えています。それは良い考えではありません。

2. 同じスクリプトを複数回ロードしています。各ページのスクリプトを複数回ロードするのは正しいでしょう。