如何统一设置a标签默认超链接点击进入新窗口

a标签的target属性:


语法

<a target="value">

属性值

描述
_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。

即把a标签的target属性设置为_blank即可;
例1:

<!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" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <base target="_blank" />
</head>
<body>
    <a href="#" target="_blank">跳跳跳</a>
</body>
</html>

问题

万一本页面超链接非常多呢?难道一个一个设置吗?

答案

在head标签内添加
<base target="_blank" />即可。


例2:

<!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" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <base target="_blank" />
</head>
<body>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
</body>
</html>
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/microcosmv/article/details/52730774
个人分类: html
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭