设置页面所有链接在新窗口打开

最新推荐文章于 2021-11-18 22:35:51 发布

xiaojingjianqiang

最新推荐文章于 2021-11-18 22:35:51 发布

阅读量1.8k

点赞数 1

分类专栏： html 文章标签： html 新窗口

本文链接：https://blog.csdn.net/xiaojingjianqiang/article/details/103776711

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

单个连接在新窗口打开

我们知道设置连接在新窗口打开的方法是在<a>连接添加target 属性被设置为 "_blank"。

所有连接在新窗口打开

<base> 标签为页面上的所有的相对链接规定默认 URL 或默认目标。一份中只能有一个 <base> 标签。<base> 标签必须位于 <head> 元素内部。<base> 标签没有结束标签。

例子

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<base target="_blank">
</head>
<body>

<a href="http://www.xuandaima.com/" target="_blank">www.xuandaima.com</a> 这个连接将在新窗口中加载，因为 target 属性被设置为 "_blank"。
</p>
<p><a href="http://www.xuandaima.com/">www.xuandaima.com</a> - 注意这个链接也会在新窗口打开，即便它没有 target="_blank" 属性。因为在 base 标签里我们已经设置了 target 属性的值为 "_blank"。</p>

</body>
</html>

例子解释

以上代码要注意两点

1.只要在页面代码头部（<head>标签）设置了，<base target="_blank">代表页面连接在新窗口

2.注意在第两个a标签<a href="http://www.xuandaima.com/">www.xuandaima.com</a>连接是没有target属性的，但是它也是在新窗口打开，这正是第一点的作用。

<base> target属性值
值	例子	描述
_blank	<base target="_blank">	在新窗口中打开被链接文档。
_self	<base target="_self">	默认。在相同的框架中打开被链接文档。
_parent	<base target="_parent">	在父框架集中打开被链接文档。
_top	<base target="_top">	在整个窗口中打开被链接文档。
framename		在指定的框架中打开被链接文档。