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就可以了。

  

更多相关文章
  •     做网页经常要和JavaScript打交道,经常要用JavaScript做一些客户端的验证,但是如果我们的按钮用的是HTML控件的话,验证通过后无法调用后台代码,如果用服务器端控件,验证不通过有要刷新页面,这个
  • 在.net mvc中用Ajax.BeginForm来实现异步提交,在Ajax.BeginForm里面还是可以用submit按钮,一般来说 submit按钮是提交整个页面的数据.但是在Ajax.BeginForm里面使
  • 该方法可以兼容多种浏览器,至少具体可以兼容多少种,没有实际考证过.本方法源于别处,具体什么地方,由于时间比较长,忘记了.分享这个方法是因为我自己觉得该方法比较实用,在项目是时候,当时我已经找了几种解决回退键刷新页面问
  • 我们在制作网页的时候用得最多的就是 A 标签 超连接 但有时候需要在 A 里同时用到 href 和 onclick属性 下面我们先来分析一下 ,在不同的浏览器下有不同的效果 1 顺序 ie 6 : href 先触发
  • windows 7安裝後啟動xampp, 提示port 443 被其他程式占用. 網上查找解決方案: http://stackoverflow.com/questions/21182512/how-to-stop-vmware-port-error-of-443-on-xampp-control-p
  • 在Update Panel 中 如果使用timer 定时刷新数据,会造成textbox 或者其他控件的焦点丢失问题.   所以 text box 不能和timer 放在同一个Updatepanel 中.   建议放在
  • VMware中Ubuntu 14.04出現Unknown Display問題解決
    如需转载请标明出处:http://blog.csdn.net/itas109 QQ技术交流群:129518033   今天安装完Ubuntu 14.04后,在虚拟机中显示不全,本来调节一下屏幕分辨率就可以解决问题,结果出现Unknown Display如下图所示: 也就是说,无法通过设置调节屏幕分辨
  • 在ASP.NET MVC 4 on Mono中使用OracleClient in CentOS 6.x的问题记录 前言 最近有个Web项目,业务功能不复杂,但是这个客户(某政府部门)有两个硬性要求:1.数据库必须使用Oracle:2.程序必须运行在Linux或HP-Unix系统中.虽然把.NET程序 ...
一周排行
  • 


    		    WinArpAttack攻擊教程
    ARP攻击实战:WinArpAttacker教程 WinArpAttacker是一个很出名
  • 原iphone6來了,我該做點什麽(兼容iphone6的方法)
    北京时间2014年9月10日凌晨1点,苹果公司正式发布其新一代产品 iPhone6,相信做
  • 简介 signal是为了解决类之间通信的问题而出现的,更深入的原因是面向对象讲究封装,但是封装必然导致类之间沟通困难,但是使用接口的方式又太重量级--需要写很多代码,而且会导致接口爆炸 比如你需要把一个接口拆分为两个
  • 1.transition-property的语法 transition-property :all(所有属性改变) [attr] (指定要运动的样式) none(没有属性改变) 2.transition-proper
  • /* set PATH=C:\Program Files (x86)\Microsoft Visual Studio 11.0\VC\bin;C:\Program Files (x86)\Microsoft Visu
  • 


    		    使用toad連接遠程oracle數據庫(非oracle client)
    据说在连接数据库的工具选择上,业内流传一句话叫"管理用Toad,开发使PL.&q ...
  • 下载安装插件 在wordpress插件中安装WP Code Prettify. PHP Markdown Extra 下载Extra,并上传安装到wordpress. Code Prettify themes 下载喜
  • IIS7構造Gzip壓縮
    IIS7构造Gzip压缩 本文来自Kevin Yang博客 作者:Kevin Yang 开 ...
  • 先确定时区问题 Env 查看 TZ参数 TZ=BEIST-8/CN-CHINA 如果安装过database后再更改时区,先将instence stop,后再修改 如果有问题,修改dbm参数 max_time_diff ...
  • int AddString( LPCTSTR lpszString ); 返回值 返回值大于等于0时,是列表中项的下标.出错时,返回CB_ERROR,没有足够的空间存放新的字符串时返回CB_ERRSPACE. 参数