HTML中href的链接刷新页面问题

时间：2022-06-03 22:31:57

　　在上一篇随笔中说到了html（）方法不能一直改变标签的值的问题，当单击完成时，回调函数返回的值瞬间就没有了，今天突然想到了，我单击的是链接啊，就算链接到本界面上，也要进行刷新，页面一刷新，显示的值自然就没有了，于是，我把单击链接的标签改为单击按钮触发事件，单击按钮是不会刷新页面的，所以，再使用html方法，标签的值就改变了。

　

<script type="text/javascript">

    $(document).ready(function(){

     $("a").click(function(){

        var c_url = 'http://localhost/test/check.php';

        var jj;

        $.post("check.php",{},function(data){jj=data;$("#tname").html(data);});

                                });

                    });

    </script>
<div>

    <a href="">我是链接</a>

    <button>按钮</button>

    <p>json：<span id="tname"></span></p>

</div>

　　如上，当href为空时，是进行刷新的。

　　但是我就想单击链接不刷新界面而改变标签的值怎么办，需要在定义链接的时候做如下改变。其中任意一种方法都是可以的。

　　

<a href="#">url</a>

<a href="##">url</a>

<a href="####">url</a>

<a href="" onclick="return false" >url</a>

<a href="javascript:void(0)" >url</a>

<a href="javascript:;" >url</a>

<a href="#all" >url</a>

　　还是不建议使用<a href="javascript:void(0)" >url</a>这种方法，可能会引起一些问题，安全起见，href="#"，然后return false就可以了。

　　

相关文章