javascript:;的使用方式

最新推荐文章于 2023-01-25 12:12:59 发布

笑释一切

最新推荐文章于 2023-01-25 12:12:59 发布

阅读量806

点赞数

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/xiaoshiyiqie/article/details/52413023

版权

前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
    <head>
        <meta charset="utf-8" />
        <title>超链接Demo</title>
        <style>
            a:link{
                text-decoration:none;
                font-size:24px;
                color:#000;
            }
            a:visited{
                color:red;
            }
            a:hover{
                text-decoration:underline;
            }
        </style>
    </head>
    <body>
        <a href="javascript:;" id="demo1">我是超链接</a>
    </body>
</html>

a:visited这是浏览器缓存问题，浏览器会记录下是否访问过这个链接。如果写上href=”javascript:;”后，如果点击链接后，会执行空的事件，颜色就不会变红。
另附：

a标签的正确顺序：
　　a:link 搜索{color: #FF0000}     /* 未访问的链接 */
　　a:visited {color: #00FF00}  /* 已访问的链接 */
　　a:hover {color: #FF00FF}    /* 当有鼠标悬停在链接上 */
　　a:active {color: #0000FF}   /* 被选择的链接 */

笑释一切

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript:;的使用方式

<!DOCTYPE html><html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>超链接Demo</title> <style> a:link{ text-decoration:none;
复制链接

扫一扫