首页 前端知识 简单的CSS在页面中点击超链接跳转新的页面

简单的CSS在页面中点击超链接跳转新的页面

2024-01-24 15:01:29 前端知识 前端哥 385 183 我要收藏

点击超链接后,重新打开一个新的网页,不是在原本的网页进行跳转。

打开创建的网页

  a{
            /* 去除超链接的下划线 */
            text-decoration: none;
        }
    </style>
</head>
<body>
    <div>
        点击一下试试
        <br>
        <!--     跳转到 百度网址-->
        <a href="http://www.baidu.com" target="_blank">超链接,在新的页面中打开百度。</a>
    </div>

上面是参考代码,主要是添加 target="_blank

给超链接添加target="_blank"属性

就可以跳转到新的一个页面。

其中target=还有其他属性值。其它用法不多,了解即可。

Target属性self的作用

作用:这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。(在相同的框架中打开被链接文档)

用法:<a herf=“http://www.baidu.com” target=”_self”>跳转</a>

Target属性parent的作用

作用:这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。(在父框架集中打开被链接文档)

用法:<a herf=”http://www.baidu.com” target=”_parent”>跳转</a>

Target属性top的作用

作用:这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口(在整个窗口中打开被链接文档)

用法:<a herf=”http://www.baidu.com” target=”_top>跳转</a>

转载请注明出处或者链接地址:https://www.qianduange.cn//article/198.html
评论
会员中心 联系我 留言建议 回顶部
复制成功!