a标签的使用

最新推荐文章于 2023-07-25 14:14:10 发布

来杯水

最新推荐文章于 2023-07-25 14:14:10 发布

阅读量1.3k

点赞数

分类专栏： js的运用 style样式文章标签： javascript xhtml function 脚本 html 百度

本文链接：https://blog.csdn.net/pengshumin89/article/details/6604985

版权

js的运用同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

style样式

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <style type="text/css">
        body
        {
            font-size: 12px;
        }
        a
        {
            font-size: 12px;
        }
        /*初始状态*/a:link
        {
            color: Gray;
            text-decoration: none;
        }
        /*鼠标在a标签上面的时候*/a:hover
        {
            color: Purple;
            text-decoration: underline; /*字下面有线*/
            /*  text-decoration: overline; 字上面有线*/
           /* text-decoration: line-through; 字中间有线*/ 
          /*text-decoration: none;没有线*/ 
         /*  text-decoration:inherit;默认有线，在字下面*/
         /*  text-decoration:blink;实现文字闪烁，但是ie好像不支持，没有看到过*/
        }
        /*鼠标点击时*/a:active
        {
            color: Blue;
            text-decoration: none;
        }
        /*点击之后*/a:visited
        {
            color: Green;
            text-decoration: none;
        }
    </style>

    <script type="text/javascript" language="javascript">
        function text() {
            alert("这是js方法！");
        }
    </script>

</head>
<body>
    <a href="http://www.baidu.com">众里寻他千百度，蓦然回首，那人却在灯火阑珊处</a>
    <br />
    JavaScript脚本方法： <a href="javascript:alert('夜深了早点休息吧！')">点击我！</a>
    <br />
    <a href="javascript:text()">点击我！</a>
    <br />
    <a href="#" οnclick="javascript:text();">点击我！</a><!--必须要href="#",否则连接到别的页面去了-->
</body>
</html>