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

简介: 这篇文章展示了如何在HTML中创建一个超链接,当点击这个超链接时,会执行JavaScript代码(例如弹出一个警告框)而不会导致页面跳转。

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>

2、页面效果
在这里插入图片描述
在这里插入图片描述
3、测试
在这里插入图片描述

相关文章
|
6月前
|
JavaScript
点击图片返回页面顶部的案例
点击图片返回页面顶部的案例
不使用a标签,实现点击跳转到其他页面的代码
不使用a标签,实现点击跳转到其他页面的代码
|
11天前
html页面点击按钮实现页面跳转功能
html页面点击按钮实现页面跳转
|
6月前
|
小程序
微信小程序实现不同按钮跳转同一个页面显示不同内容
微信小程序实现不同按钮跳转同一个页面显示不同内容
145 0
|
6月前
|
移动开发 前端开发 JavaScript
完整的页面代码包括哪些
一个完整的HTML页面通常包含以下几个基本部分,每个部分都有其特定的用途
点击添加按钮弹框动态添加内容并且拼接在页面
点击添加按钮弹框动态添加内容并且拼接在页面
33 0
|
JavaScript 前端开发 Linux
网页跳转代码的三种方法
网页跳转代码的三种方法
1483 0
(uniapp跳转回显),A页面进入B页面,B页面返回A页面,并传值给A页面(技巧绝对好用慢慢看)
(uniapp跳转回显),A页面进入B页面,B页面返回A页面,并传值给A页面(技巧绝对好用慢慢看)
575 0
(uniapp跳转回显),A页面进入B页面,B页面返回A页面,并传值给A页面(技巧绝对好用慢慢看)
|
小程序
小程序-点击按钮式 进行页面之间的跳转
小程序-点击按钮式 进行页面之间的跳转
取消a标签的默认跳转行为
取消a标签的默认跳转行为
253 0