定义一个超链接，点击超链接后，执行一段代码，页面不跳转

原创

小兔教你学编程 2022-08-04 08:50:08 博主文章分类：JavaScript ©著作权

文章标签 javascript 超链接 html 页面效果 文章分类 运维

©著作权归作者所有：来自51CTO博客作者小兔教你学编程的原创作品，请联系作者获取转载授权，否则将追究法律责任

1、代码

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
  </head>
  <body>
    <!--
      定义一个超链接，点击超链接后，执行一段代码，页面不跳转
    -->
    <h1>这是超链接</h1>
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    
    
    <a href="javascript:void(0)" onclick="window.alert('test....')">
      定义一个超链接，点击超链接后，执行一段代码，页面不跳转
      
    </a>
    
  </body>
</html>