2 u013693144 u013693144 于 2016.09.12 18:37 提问

a标签 href对onclick调用ajax的影响

今天遇到了一个问题,就是onclick调用ajax 的时候,a标签的href属性会对ajax产生影响,所以写了一下代码测了一下,href为“”会出错,#和void(0)没问题,百度了一下,#"包含了一个位置信息,默认的锚点是#top 也就是网页的上端,而javascript:void(0) 仅仅表示一个死链接,不得其解,求解释。。

<script>
    function Test() {
        alert("test");
        $.ajax({
            url:"../test/ajax",
            success:function(data){
                alert("test......."+data);
            },
            error:function(){
                alert("出错啦,请刷新页面,重试");
            },
        });

    }
</script>
<a href="" onclick="Test()" >test href </a>
<a href="#" onclick="Test()" >test href #</a>
<a href="javascript:void(0)" onclick="Test()" >test href void(0)</a>

2个回答

showbo
showbo   Ds   Rxr 2016.09.12 20:33

href=""等价于href="当前地址",会导致页面刷新,#和void(0)是死链接,不做任何操作,#多个定位到页头的操作

u013829202
u013829202   Rxr 2016.09.13 10:19

楼上说的对。 href=""会刷新页面。 其他不会。

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
a标签的onclick和href同时存在的写法
下面代码则执行了subgo()函数,  点我  在这里,javascript:void(0),没启实质上的作用,它仅仅是一个死链接,执行的函数是subgo()。  点我与点我区别。  实际上 #包含了一个位置信息默认的锚是#top 也就是网页的上端 ,而javascript:void(0) 仅仅表示一个死链接,没有任何信息。所以调用脚本的时候最好用void(
a标签的onclick与href同时存在的处理
在用 时,我们菜鸟经常会不知道如何处理页面跳转与否的问题,现在我在网上搜索发现了如下内容:         1、链接的onclick事件被先执行,其次是href属性下的动作(页面跳转,或 javascript 伪链接);         2、如果想让href属性下的动作不执行,onclick必须得到一个false的返值;         3、如果页面过长有滚动条,且希望通过链接的 on
a标签onClick使用ajax异步刷新时页面整个刷新问题
问题: 如下图: 部分代码为 html 上一页 下一页 其中两个函数previousPage和nextPage里面用了ajax异步刷新 但是当点击下一页是页面会刷新是因为a标签来定义了href=''” 默认刷新当前页面 解决方法: 1.去掉onclick 改为previousPage()" class="default-b
<a>标签中的href和onclick的区别
转载自:https://my.oschina.net/junzizhiyao/blog/182702 这样写是为了让这个链接不要链接到新页面转而执行一段js代码。 和onclick能起到同样的效果,一般来说,如果要调用脚本还是在onclick事件里面写代码,而不推荐在href='javascript:function()' 这样的写法,因为 href 属性里面设置了js代码后,
IE6中请求莫名中断(条件:a标签,click事件中有ajax请求,a标签中有href且是JavaScript:void(0);或JavaScript:;等阻断跳转代码)
原载于:雨夜带刀's Blog 本文链接:http://stylechen.com/ie6-aborted-ajax.html 场景还原:给a标签绑定了一个click事件用来触发ajax请求,在IE6中,请求时常会被中断,在非IE6中都一切正常。 click me var url = "http://api.flickr.com/services/" "feeds
a标签的href和onclick属性同时存在点击事件先触发
onclick的事件被先执行,其次是href中定义的(页面跳转或者javascript)同时存在两个定义的时候(onclick与href都定义了),如果想阻止href的动作,在onclick必须加上return false; 一般是这样写onclick="xxx();return false;".在href中定义的函数如果有返回值的话,当前页面的内容将被返回值代替如果页面过长有滚动条,且希望通过链
HTML+JS基础之a标签href与onclick事件的冲突处理
这几天尝试一个小项目时遇到的一个很不明显的坑 感觉前端初学者都很容易掉进这个坑呀 就是在使用a标签中  如果同时有 href  和onclick事件时   如果没对 href 做处理 那么对 onclick 事件本身解析会有干扰 举个我今天遇到栗子: 在上面贴出的 code 中,因为我把这个链接设置成一个按钮  其目的是引发click_scroll函数 (页面滚动到指定位置) ,
<a>标签中 href 和 onclick 的区别,以及href="javascript:xxx(this);"与onclick="xxx(this);" 传递this参数的区别
标签中href属性动作和onclick事件的区别,以及href="javascript:xxx(this);"与onclick="xxx(this);" 传递this参数的区别 一、href 与 onclick 的区别 我以前在写标签的 href 和 onclick 一直很随意,后来出过几次问题,以后才开始重视这个问题: 首先摘录一篇文
关于a标签的onclick与href的执行顺序
onclick的事件被先执行,其次是href中定义的(页面跳转或者javascript)同时存在两个定义的时候(onclick与href都定义了),如果想阻止href的动作,在onclick必须加上return false; 一般是这样写onclick="xxx();return false;".在href中定义的函数如果有返回值的话,当前页面的内容将被返回值代替 如果页面过长有滚动条,
a标签的onclick事件和href属性使用
链接的onclick 事件被先执行,其次是href属性下的动作(页面跳转,或 javascript 伪链接);假设链接中同时存在href 与onclick,如果想让href 属性下的动作不执行,onclick 必须得到一个false的返回值;如果页面过长有滚动条,且希望通过链接的 onclick 事件执行操作。应将它的 href 属性设为 javascript:void(0);,而不要是 #,