HTMLの各ページに一つづつのjavascriptのファイルは適応できるのか

Question

前提・実現したいこと

ページ遷移ごとにjavascriptを適用することは可能でしょうか。
下のソースコードのように動的にjavascriptのファイルを読み込んでいるのですが、このままだと二つのjavascriptのファイルは衝突してしまうのでしょうか。
言葉足らずかもしれませんがどうぞよろしくお願いします。
（first-pageは一枚目のページのidタグで、second-pageは二枚目のページのidタグとなっております。）

該当のソースコード

<script>
    document.addEventListener("init", function(event){
     var page = event.target;

     if(page.matches('#first-page')){
       var s = document.createElement("script");
       s.src = "a.js";
       page.appendChild(s);
     }

      if(page.matches('#second-page')){
          var t = document.createElement("script");
          t.src = "b.js";
          page.appendChild(t);
      }
    });
  </script>

試したこと

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[Lhankor_Mhy]

このコードは動作したのですか？

[maisumakun]

「init」というイベントはどのようなものでしょうか？

[p5jhc]

言葉足らずで申し訳ございません。このコードは今作っているものに似た仮なものであり実際に動作はしておりません。

Answer 1

下のソースコードのように動的にjavascriptのファイルを読み込んでいるのですが、このままだと二つのjavascriptのファイルは衝突してしまうのでしょうか。

一般的なWebページの場合、そもそもページ遷移すればJavaScriptを含めて全部読み直しとなります。逆にわざわざ遅延ロードさせる意味がありません。

JavaScriptでページ遷移まで制御するSPA構造を取る場合は、SPAライブラリの仕様も一緒に考え合わせてください。