0

我有一个带有经典菜单的静态站点，例如：主页、服务、联系方式等链接。 我正在尝试做的是减小网站的大小。 因此，我试图只保留一个页面，然后（当点击发生时）动态更改内容，而不是使用多个页面作为链接（如 home.html、services.html）。

html代码（示例）：

<a href="javascript:this.location.reload()" onClick="ContactClick();">contact</a>
<h1>old text</h1>

js代码：

function ContactClick() {
    $('h1').html('new text to change, but it doesnt work, yay!');   
}

有趣的事情发生了。如果我点击链接，“旧文本”确实会变成“新文本”，但仅持续 1 秒！然后，它立即变回“旧文本”！

我试过这样调用：<a href="javascript:ContactClick();">它工作得很好，但是当点击事件发生时我仍然需要刷新页面（我在网站上有一些变色的东西，哈哈）。

  1. 有没有另一种方法来减少网站的大小，或者我的想法很好？ 或者
  2. 是否有包括刷新站点和从链接调用 js 结点的解决方案？
4

2 回答 2

5

Perhaps you shouldn't be reloading the page in your href.

于 2012-06-05T13:44:20.520 回答
1

您不需要减小站点的大小。仅包含文本的静态页面很小，即使在第一次加载时也只需几分之一秒。之后，它们将在缓存中并立即加载。

另一方面，如果将所有文本放在一个页面中，再加上一些 javascript 代码，结果不会比静态页面小而是大。

此外，您应该记住，javascript 并不总是有效。例如，许多人出于安全原因或避免刺激性广告禁用 javascript。因此，导航永远不应该依赖于javascript。至少，在禁用 javascript 的情况下，您应该有适用于静态页面的 noscript 部分。（但这会使页面更大。）

于 2012-06-05T14:09:05.590 回答