javascript - 链接标签调用js函数不起作用

Question

我有一个带有经典菜单的静态网站，例如:主页、服务、联系方式等链接。我想做的是缩小网站的大小。因此，我没有使用多个页面作为链接(例如 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!');   
}

发生了一些有趣的事情。如果我点击链接，“旧文本”确实会变成“新文本”，但只持续一秒钟!然后，它又变回“旧文本”!

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

1. 是否有其他方法可以减小网站的大小，或者我的想法就可以了？或
2. 有没有解决办法，包括刷新网站和从链接调用js连接？

Answer 1

也许您不应该在 href 中重新加载页面。