1つのページ操作対複数のhtmlファイル

Question

私は基本的なjavascriptの質問があります。パフォーマンス、セキュリティ、メンテナンス性の面では、より良いでしょう。 1つのスクリプトファイルを維持し、複数のjavascriptファイルを使用し、インターフェースを操作するフレームワークを作成する。

たとえば、複数のjsファイルを読み込むindex.htmlがあります。次に、実行されたアクションに応じて、ページが操作されます。

複数のhtmlファイルを作成して管理する方がよいでしょうか？ Index.html、login.htmlなど

ありがとう。

** EDIT

より詳細にするために、私はindex.phpのを持って言うことができます、それは複数のJavaScriptファイルをロードし、ページの基本的なレイアウトを提供します。次に、ユーザーが選択したアクションに応じて、ページが読み込まれず、代わりにajaxリクエストが作成され、DOM操作が必要な場合は、必要な場所にデータが表示されます。

Answer 1

複数のビュー（htmlファイル）を使用する1ページのユーザーエクスペリエンスを作成しようとしているようです。そのコンテンツを呼び出し、ユーザーの入力/操作に基づいてDOMを操作します。

プレゼンテーション要素を別々のファイルに分離し、それらのファイルを現在のビューにロードすることのメンテナンス性とパフォーマンスに懸念がある場合、この機能を両方の点で最も効果的に処理する方法です。たとえば、ユーザーが最初の時間にログインした後に自動的にログインした場合、ログインフォームのマークアップをあなたの単一のページに読み込むことは無駄になります。さらに、アプリケーションを使用するたびに各ユーザーが使用する可能性のあるコンテンツや使用しないコンテンツがある場合は、同じロジックが適用されます。

セキュリティ上の観点からは、クライアントに渡す情報の種類によっては、2つのオプション（1ページ対複数ページ）に大きな違いはありません。クライアントからサーバーに非同期に安全なデータを送信していない限り、安全な方法でAjax呼び出しを処理することができます。

Answer 2

javascriptのサポートに一貫性がないため、別のhtml（？）ファイルを管理する方がはるかに簡単で信頼性が高くなります。 HTMLに共通の要素がある場合は、何らかのテンプレートシステムが望ましい。クライアント側でJavaScriptを使用して変更を加えた場合、サーバーのトラフィックが少なくなりますが、複雑な操作があると、クライアント側のCPUに影響を与える可能性があります。