javascript - モーダル ウィンドウを提供するためのベスト プラクティス

Question

モーダル アラート メッセージを表示しています。同じメッセージが複数のページに表示されます。<div id="modal">contents</div>これらすべてのページを維持する必要はありません。おそらくJSを使用して、コードを複数のページに提供する方法を誰かが推奨できますか? それとも、それぞれにコードを挿入することにこだわっていますか? アイデア？

Answer 1

メインの JavaScript ファイルにコンテンツを配置し、そこから呼び出すことができます。すべてのページに含まれるファイルがある場合の例all.jsは、これをそのファイルに追加します。

var modalContents = '<div id="modal">contents</div>';

そして、モーダル アラートを呼び出すときに、modalContents変数をロードします。