javascript - 使用 JavaScript 动态创建页面内容比加载不同页面更快吗？

Question

我正在设计一个具有不同页面的网站，每个页面都有其内容，例如文本框，标签，按钮，gridview等。之后我想在 jquery 中使用 $("#xx").load(page url Address) 加载每个页面，以防止在需要页面时回发。

此方法更快还是以下方法更快:

我只有一个页面，例如:default.aspx 和一个javascript 文件。页面内容将使用 javascript 在一个页面中通过 createElement 动态创建，而不是加载不同的页面。

在第一种方法中，所有 aspx 元素都应转换为 html，然后 html 元素必须传输到客户端，但在第二种方法中，我们不会有任何html 元素传输，default.aspx 页面除外，这些元素将在运行时使用 javascript 创建。

Answer 1

我同意 Alexandre 的观点，我更喜欢第一种方法。

通过对应用程序的不同部分采用按需加载类型的方法，您可以将应用程序分割成逻辑部分，并仅在必要时加载它们。此外，通过这种方法，您可能会减少与服务器之间传输的数据，并将一些处理转移到客户端。

使用第二种方法，听起来您最终会得到一堆关于单击了哪个按钮或链接的代码，然后将调用路由到各种事件处理程序或其他方法。您将集中大部分逻辑(因为一切都在客户端上完成)，但我认为它会比第一种方法更快地变得过于复杂。

如果您采用第一种方法，并且最终使用了大量 JavaScript，我会推荐以下方法:

1. 确保你逻辑地组织你的 JavaScript 并且不会污染全局命名空间。为每个 block 创建对象/函数您正在加载并尝试包含该 JavaScript 功能在该特定 block 的 JavaScript 函数/对象内。
2. 经常在 JavaScript 上运行 JSLint。 VS2010 有一个很好的 JSLint 插件，每次保存、构建或按需运行时都会运行 JSLint。

祝你好运!我希望这会有所帮助。