链接标记调用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!');   
}

有趣的事发生了.如果我点击链接,"旧文本"确实变成了"新文本",但仅限于1秒!然后,它又回到'旧文本'!

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

1. 有没有其他方法可以减少网站的大小,或者我的想法很好？ 要么
2. 是否有解决方案,包括刷新网站并从链接调用js联结？

Answer 1

也许你不应该重新加载你的页面href.