a链接跳转到新的窗口

最新推荐文章于 2024-08-24 20:23:55 发布

菜鸟9

最新推荐文章于 2024-08-24 20:23:55 发布

阅读量1.5w

点赞数 4

分类专栏： html 文章标签： html a

本文链接：https://blog.csdn.net/baidu_38609334/article/details/88832063

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、在当前页打开 target_self

 <a href="http://www.baidu.com" target="_self" rel="noopener noreferrer">当前窗口打开</a>
    <!-- 当前窗口打开 -->

2、在新的窗口打开

 <a href="http://" target="_blank" rel="noopener noreferrer"></a>
    <!-- 新的窗口打开 -->

3、有时候需要在全局设置一个打开窗口的方式，这样就不用一个一个的设置，减少代码量

使用<base target="_blank">

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    //全局设置
    <base target="_blank" />
</head>
<body>
    <a href="http://www.baidu.com">全局设置</a>
</body>
</html>

4、给单独某一个区域的a链接设置打开窗口的方式

<a href="http://www.baidu.com">百度去</a>
<a href="http://www.sogou.com">搜狗去</a>
<a href="http://www.sina.com">新浪去</a>

<fieldsetid="portionA">
<legend>局部<a></legend>
<p>该容器内所有的target的属性值为"_self"</p>
<a href="http://www.baidu.com">百度去</a>
<a href="http://www.sogou.com">搜狗去</a>
<a href="http://www.sina.com">新浪去</a>
</fieldset>

<script>
function portionA(){
var aN = document.getElementById("portionA").getElementsByTagName("a");
for(var i =0; i < aN.length; i++){
aN[i].target ="_self";/*遍历局部a标签并设置target属性值*/
}
}
portionA();//调用函数
</script>