javascript - html5中如何防止点击按钮刷新页面？

Question

我想防止在单击按钮时重新加载页面。单击时我只想交换按钮值而不刷新页面。我怎样才能这样做？

<button id="4">134</button> // button 1 
<button id="5">234</button> // button 2 

点击按钮 1(id 为“4”的按钮)后，我想要以下结果

// After clicking button 1
<button id="4">234</button> // button 1
<button id="5">134</button> // button 2 

如何在不重新加载/刷新 html 页面的情况下执行此操作。

Answer 1

要防止刷新，只需添加 type="button"

<button id="4" type="button">134</button> 
<button id="5" type="button">234</button>

关于交换值，我重申一下，你需要学习javascript，或者让你的问题更清楚，这样我们才能给你更好的答案。

但是对于您模糊的问题(指出单击#4 后文本应该交换)，这里是使用 jQuery 的一些方向。这样做只会交换一次。

<script type="text/javascript">
    $(function(){
        $('#4').click(function(){
            $(this).html(234);
            $('#5').html(134);
        });
    });
</script>

有关 jQuery 的帮助:http://api.jquery.com/