• <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
    一只船孤独地航行在海上,它既不寻求幸福,也不逃避幸福,它只是向前航行,底下是沉静碧蓝的大海,而头顶是金色的太阳。
  • 相关阅读:
    antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中
    你不知道的arguments
    js触发复制、粘贴,设置和读取剪切板的数据
    vue父组件data改变触发子组件prop值变化
    关于英语的unless
    PHP闭包调用外部参数使用范例
    全国省市区数据库数据,以及可视化echarts相关geoJson数据
    PHP开发环境搭建&mdash;phpstudy+eclipse+php development tool+xdebug+composer
    LBS——实现附近功能的几种方案浅谈
    好文共赏
  • 原文地址:https://www.cnblogs.com/archer-wen/p/9363541.html
Copyright © 2020-2023  润新知