a标签的target的用法

sylvain-guiheneuc
记录一下今天在学习项目时遇到的一个低级问题🙃

HTML<a>标签的target属性

参考地址:http://www.w3school.com.cn/tags/att_a_target.asp

定义和用法

<a> 标签的 target 属性规定在何处打开链接文档。
  如果在一个 <a> 标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口。从此以后,超链接文档就可以指向这个新的窗口。

打开新窗口

  被指向的超链接使得创建高效的浏览工具变得很容易。例如,一个简单的内容文档的列表,可以将文档重定向到一个单独的窗口:

1
2
<a href="https://www.bing.com" target="view_window">打开一个新的窗口,显示必应的首页HTML文档</a>
<a href="https://www.baidu.com" target="view_window">在已经打开的窗口上,将必应的文档取代。显示百度的首页HTML文档</a>

打开一个新的窗口,指向必应的新窗口

在已经打开的窗口上,将必应的文档取代。显示百度的首页HTML文档

  当用户第一次选择内容列表中的某个链接时,浏览器将打开一个新的窗口,将它标记为 “view_window”,然后在其中显示希望显示的文档内容。如果用户从这个内容列表中选择另一个链接,且这个 “view_window” 仍处于打开状态,浏览器就会再次将选定的文档载入那个窗口,取代刚才的那些文档。
  在整个过程中,这个包含了内容列表的窗口是用户可以访问的。通过单击窗口中的一个连接,可使另一个窗口的内容发生变化。

在框架中打开窗口

不用打开一个完整的浏览器窗口,使用 target 更通常的方法是在一个 <frameset> 显示中将超链接内容定向到一个或者多个框架中。可以将这个内容列表放入一个带有两个框架的文档的其中一个框架中,并用这个相邻的框架来显示选定的文档:

1
2
<frame name="view" src="">
<a href="https://bing.com" target="view">在右边窗口打开必应首页</a>
在右边窗口打开必应首页

在右边窗口打开一张图片
作者

zhang

发布于

2019-06-24

更新于

2023-09-19

许可协议

CC BY-NC-SA 4.0

Your browser is out-of-date!

Update your browser to view this website correctly.&npsb;Update my browser now

×