（6）＜a＞标签如何实现点击既不刷新也不跳转的功能

一、<a>标签跳转页面

相信大家对于<a>标签跳转到一个新网页的写法不陌生吧，这里如下举个跳转到百度的例子。

<a href="https://www.baidu.com">点击跳转到百度</a>

二、a标签之js调用方式1：调用js的某个方法，不建议使用

代码书写方式一：

<a href="javascript:alert(111);">点击</a>

代码书写方式二：

<a href="javascript:js_method()">点击</a>

<script>
        function js_method(){
            alert("弹框");
        }
</script>

三、a标签之js调用方式2：调用js的某个方法，不发生页面跳转和刷新，推荐使用

代码书写方式一：

<a href="javascript:void(0);alert(666)">点击</a>

代码书写方式二：

<a href="javascript:void(0);" onclick="dj()">点击</a>

<script>
        function dj(){
            alert(666);
        }
</script>

四、a标签之js调用方式3：调用js的某个方法，不发生页面跳转和刷新，简写方案，更推荐使用

代码书写方式一：

<a href="javascript:;alert(666)">点击</a>

代码书写方式二：

<a href="javascript:;" onclick="d()">点击</a>

<script>
        function d() { 
            alert("最简单最好用的方法被执行了！！！");
         }
</script>