a标签的target属性

最新推荐文章于 2024-03-17 11:48:44 发布

pipizhou16

最新推荐文章于 2024-03-17 11:48:44 发布

阅读量4.5k

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/pipizhou16/article/details/125484842

版权

复习一下a标签

a标签最重要的属性是href属性，实现页面的跳转。但是在当前页面显示还是在新页面中显示需要使用target属性控制

target属性有五个特殊值。

1.target="_self"
内容在当前页面显示。
2.target="_blank"
内容在新页面显示。
3.target=“three”
内容在对应窗口显示
4.target="_top"
在当前窗体打开链接，并替换当前的整个窗体(框架页)，清除所有包含的框架
5.target="_parent"
在父窗体中打开链接，在窗口与顶级框架中，等同于_self

<!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>test</title>
    <link rel="stylesheet" href="test.css">
</head>

<body>
    <div id="main">
        <div id="first">
            <a href="first.html" target="_self">跳转1</a>
        </div>
        <div id="second">
            <a href="second.html" target="_blank">跳转2</a>
        </div>
        <div id="third">
            <a href="third.html" target="three">跳转3</a>
        </div>
        <div id="ad-iframe">
            <iframe name="three" width="100%" height="100%" src=" " frameborder="2" seamless></iframe>
            <iframe name="big" width="800px" height="300px"  src="fourth.html" frameborder="2" seamless>
            </iframe>
        </div>
    </div>
</body>

</html>