我设置了一个页面内跳转按钮，点击后能跳到指定位置，但只能跳一次不知道怎么回事

<script>
function onTopClick(){
window.location.hash='#team1';
    }
</script>
<input type='button' name='Submit' value="战队" onclick="javascript:onTopClick();">

a
<hr>
a
<hr>
a
<hr>
a
<hr>
a
<hr>
a
a
<hr>
a
a
<hr>
a
a
<div id="team1">
<h2>jjjj</h2>
</div>

我发现跳转后，网页域名后面加上了#team1，删掉后刷新按钮就能再起作用了，不删的话按钮按了没反应，不知道怎么解决，或者有其他简单的跳转按钮方法也可以~
才学编程一周，谢谢大家啦！