a标签的使用

1.被链接页面通常显示在当前浏览器窗口中，除非您规定了另一个目标（target 属性）

//在新的浏览器窗口打开链接
<a href="first.html" target="_blank">首页</a>

2.在项目中遇到一个问题，每次点击a标签链接的时候，在执行跳转（跳转写下js中）之前都会将当前页面刷新一次，如下

<a href="" onclick="getto()"></a>
<script>
function getto() {
        location.replace("second.html");
    }
</script>

查阅资料发现，a href ="" 默认打开的还是当前页面，会刷新一下重新打开。因此像上面那种写法，会先将页面刷新一次，再执行js中的跳转。要想实现点击a标签后直接实现js中的跳转，就得禁用a标签的默认事件，禁用a标签的默认事件方法如下：

//方法一
<a href="javascript:;" >点击</a>
//方法二
<a href="javascript:void(0);" >点击</a>

所以正确代码应该如下：

<a href="javascript:;" onclick="getto()"></a>
<script>
function getto() {
        location.replace("second.html");
    }
</script>

3.要想点击a标签执行js文件后不发生跳转，需要加上return false;如下：

<a href="#" onclick="getto;return false;"></a>
//href="#"是跳转到页面顶部，不会刷新页面