JavaScript中onlick事件引起页面刷新的解决方案

 

核心把a改为button

最近使用JavaScript实现简单的不涉及数据库的页面计算，但是设置完onclick的函数功能之后，发现页面部分元素确实改变，但改变之后很快刷新网页变成了默认界面。

例如：



<span id="gaibian">123</span>

<a href="" onclick="change()">改变</a>



<script>

function change(){

document.GetElementById("gaibian")="456";

}

</script>

初始界面显示的是123



点击改变后显示的值是456



但是很快，456又变回123



经过检查是网页又刷新了。



<span id="gaibian">123</span>

<button href="" onclick="change()">改变</button>



<script>

function change(){

document.GetElementById("gaibian")="456";

}

</script>

但是把a改为button



就正常了。



看来还是基础知识不牢固啊