zoukankan      html  css  js  c++  java
  • <a>标签---target属性

    定义和用法

    <a> 标签的 target 属性规定在何处打开链接文档。

    如果在一个 <a> 标签内包含一个 target 属性,浏览器将链接内容载入到target指向的窗口或框架。如果这个指定名称或 id 的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口。从此以后,超链接文档就可以指向这个新的窗口。

    打开新窗口

    例如导航页一个简单的内容文档的列表,可以将文档重定向到一个单独的窗口:

    <h3>Demo</h3>
    <ul>
      <li><a href="https://www.baidu.com" target="view_window">baidu</a></li>
      <li><a href="https://www.qq.com" target="view_window">tencent</a></li>
    </ul>

    当用户第一次点击上面链接时,浏览器将打开一个新的窗口,将它标记为 "view_window",然后在其中显示希望显示的文档内容。如果用户选择另一个链接,且这个 "view_window" 仍处于打开状态,浏览器就会再次将选定的文档载入那个窗口,取代刚才的那些文档。

    在框架中打开窗口

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

    <frameset cols="100,*">
      <frame src="navigation.html">
      <frame src="view.html" name="view_frame">
    </frameset> 

    当浏览器最初显示这两个框架的时候,左边这个框架包含目录,右边这个框架包含前言。

    这是 "navigation.html" 的源代码:

    <h3>Table of Contents</h3>
    <ul>
      <li><a href="chap1.html" target="view_frame">Preface</a></li>
      <li><a href="chap2.html" target="view_frame">Chapter 1</a></li>
    </ul>
    

    请注意,在文档 "navigation.html" 中,每个链接的目标都是 "view_frame",也就是右边的框架。

    当用户从左边框架中的目录中选择一个链接时,浏览器会将这个关联的文档载入并显示在右边这个 "view_frame" 框架中。当其他链接被选中时,右边这个框架中的内容也会发生变化,而左边这个框架始终保持不变。

    语法

    <a target="value">

    属性值

    描述
    _blank 在新窗口中打开被链接文档。
    _self 默认。在相同的框架中打开被链接文档。
    _parent 在父框架集中打开被链接文档
    _top 在整个框架打开被链接文档
    framename 在指定框架中打开被链接文档
    http://www.w3school.com.cn/tags/att_a_target.asp
    一只船孤独地航行在海上,它既不寻求幸福,也不逃避幸福,它只是向前航行,底下是沉静碧蓝的大海,而头顶是金色的太阳。
  • 相关阅读:
    git 常用命令 command 1.0(本地 local repository 对远程仓库 remote repository 的操作)
    git 常用命令 command
    git .gitignore 忽略列表
    节点的类型
    Error.name 六种值对应的信息
    js或jquery中的验证
    转载:JavaWeb学习总结(五十三)——Web应用中使用JavaMail发送邮件
    转载:JavaWeb学习总结(五十二)——使用JavaMail创建邮件和发送邮件
    转载:JavaWeb学习总结(五十一)——邮件的发送与接收原理
    转载:JavaWeb学习总结(五十)——文件上传和下载
  • 原文地址:https://www.cnblogs.com/archer-wen/p/9363541.html
Copyright © 2011-2022 走看看