显示隐藏的表单，或打开模式对话框

Question

在HTML页面中显示简单表单的最佳方法是什么，其中包括一个调用Web方法的保存按钮？我正在考虑其中一个选择：

1. 切换隐藏的<div>，其中包含与所示行为相同的表单.aspx
2. 使用JavaScript加载单独的.aspx以显示表单，显示modal dialog。

哪个更好，在哪种情况下？

Answer 1

如果弹出内容相对较小，那么最好只在主页中将其包含在隐藏的div中。当您想要显示它时，这将为您提供即时性能。不这样做的原因是：

1. 弹出内容很大，因此可以显着减慢主页的加载速度。
2. 您可以使用许多不同的弹出窗口，因此使用主页面预加载它们会显着减慢主页面的加载速度。
3. 您在许多不同的页面中使用相同的弹出窗口并且它实际上并不经常弹出，因此通过仅在需要时加载它来更容易共享公共代码并减少总体带宽消耗。