HTML中href的鏈接刷新頁面問題


  在上一篇隨筆中說到了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就可以了。

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM