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

浏览数：52 / 时间：2015年06月09日

　　在上一篇随笔中说到了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就可以了。

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

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