javascript - 非表示のフォームを表示する、またはモーダル ダイアログを開く

Question

Web メソッドを呼び出す保存ボタンを含む単純なフォームを HTML ページに表示する最適な方法は何ですか? 次のいずれかのオプションを検討しています。

1. <div>表示されている .aspx と同じ動作をするフォームを含む非表示を切り替えます
2. 別の .aspx をロードしてフォームを表示する JavaScript を使用して、モーダル ダイアログを表示します。

どちらが優れていて、どのような状況でしょうか?

Answer 1

ポップアップコンテンツが比較的小さい場合は、メインページの非表示のdivに含めるのが最適です。これにより、表示したいときにすぐにパフォーマンスを発揮できます。このようにしない理由は次のとおりです。

1. ポップアップコンテンツが大きいため、メインページの読み込みがかなり遅くなります。
2. 使用できるポップアップはたくさんあるので、それらすべてをメインページにプリロードすると、メインページのロードがかなり遅くなります。
3. 多くの異なるページで同じポップアップを使用しますが、実際にはあまり頻繁にポップアップされないため、必要に応じてのみロードすることで、共通のコードを共有し、全体的な帯域幅の消費を減らすことが容易になります。