精华内容
下载资源
问答
  • a标签的target属性值
    2022-02-09 19:35:09
    <a href="xxx.html" target="iframe">
        使用iframe调用xxx.html页面
    </a>

    通过target='iframe'属性, a标签并不会打开新的或者覆盖本页面, 而是会在本页定义的iframe标签中打开这个页面

    更多相关内容
  • 1:如果使用标签<a>来链接到一个页面的话,target属性的作用,相信大家都知道。就是指对链接的页面以怎么样的形式展现出来,target常用的有:_blank(以新弹出一个浏览器窗口打开链接的页面)、_self(在原来的窗口中...
  • a标签target属性

    万次阅读 2019-10-31 17:00:17
    a标签target属性前端a标签最重要的属性是href属性,实现页面的跳转。但是在当前页面显示还是在新页面中显示需要使用target属性控制 前端a标签最重要的属性是href属性,实现页面的跳转。但是在当前页面显示还是在新...

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

    target属性有五个特殊值
    1.target="_self"
    内容在当前页面显示。
    2.target="_blank"
    内容在新页面显示。
    3.target=“three”
    内容在对应窗口显示
    4.target="_top"
    在当前窗体打开链接,并替换当前的整个窗体(框架页),清除所有包含的框架
    5.target="_parent"
    在父窗体中打开链接,在窗口与顶级框架中,等同于_self
    在实现过程中,跳转按钮1,2很容易实现,但是跳转3中,在主页面写了一个iframe框架,在点击按钮3时,页面内容显示在框架中。
    在实现跳转4,与跳转5时,采用大框架套中框架,中框架套小框架,而按钮与内容显示在小框架中,如图:
    程序首页
    所有的框架均在首页显示。
    下面是相应代码。test.html

    <!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>
    

    fourth.html为中框架

    <body>
        <iframe src="fourth1.html"  width="700px" height="300px" frameborder="2" seamless>
        </iframe>
    </body>
    
    

    fourth1.html为小框架

    <body>
        <iframe src="fourth2.html" width="300px" height="200px" frameborder="2" seamless>
        </iframe>
        <iframe src="five.html" width="300px" height="200px" frameborder="2" seamless>
        </iframe>
    </body>
    

    fourth2.html为框架中的内容,注意到href=""

    <body>
        <div id="fourth">
            <a href="" target="_top">跳转4</a>
        </div>
        <div>跳转按钮4</div>
        <div> _top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页),清除所有包含的框架</div>
    </body>
    

    five.html

    <body>
        <div id="five">
            <a href="" target="_parent">跳转5</a>
        </div>
        <div>跳转按钮5</div>
        <div> _parent -- 在父窗体中打开链接,在窗口与顶级框架中,等同于_self </div>
    </body>
    
    

    参考链接:
    [1]: https://www.runoob.com/cssref/css3-pr-target.html

    展开全文
  • 【html】a标签的五个target属性值

    千次阅读 2020-08-05 11:14:45
    a href="/aaa.html" target="[属性值]">aaa</a> target="view_window":用于多个链接去同一个新页面中打开;打开一个新页面,所有使用这个属性值的链接在新页面中替换方式显示; target="_blank":用于每...

    HTML5不再支持使用frame,iframe只有src 属性

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

    <a href="/aaa.html" target="[属性值]">aaa</a>
    
    • target="view_window":用于多个链接去同一个新页面中打开;打开一个新页面,所有使用这个属性值的链接在新页面中替换方式显示;
    • target="_blank":用于每个链接在不同新空白页面中打开,互不影响;
    • target="_self":用于在当前页(或iframe)展示;
    • target="_parent":用于在上一级iframe中展示,没有就是当前页面;
    • target="_top":用于在最外层iframe中展示没有就死当前页面;
    展开全文
  • a标签target指向的是name为myFrameName的iframe,不适宜用Id来做指向的目标,一个小细节,花了不少时间,有类似问题的朋友可以参考下
  • 详解 HTML <a标签target 属性

    千次阅读 2020-07-23 13:24:59
    <a>标签target 属性规定在何处打开链接文档。 包含 _blank、_self、_parent、_top共4个特殊的target

    1.定义

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

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

    2.用法

    2.1 打开新窗口

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

    <ul>
      <li>
        <a href="https://www.csdn.net" target="view_frame">
          CSDN - 专业开发者社区
        </a>
      </li>
      <li>
        <a href="https://www.baidu.com" target="view_frame">
          百度一下,你就知道
        </a>
      </li>
    </ul>
    
    当用户第一次选择内容列表中的某个链接时,浏览器将打开一个新的窗口,将它标记为 "view_window",然后在其中显示希望显示的文档内容。如果用户从这个内容列表中选择另一个链接,且这个 "view_window" 仍处于打开状态,浏览器就会再次将选定的文档载入那个窗口,取代刚才的那些文档。

    2.2 在框架(frame)中打开窗口

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

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

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

    👇是 “left.html” 的源代码:

    <ul>
      <li>
        <a href="https://www.csdn.net" target="view_frame">CSDN - 专业开发者社区</a>
      </li>
      <li>
        <a href="https://www.baidu.com" target="view_frame">百度一下,你就知道</a>
      </li>
    </ul>
    

    请注意,在文档 “left.html” 中,每个链接的目标都是 “view_frame”,也就是右边的frame。

    2.3 特殊的目标

    有 4 个保留的目标名称用作特殊的文档重定向操作:

    _blank
    浏览器总在一个新打开、未命名的窗口中载入目标文档。

    <a href="https://www.csdn.net" target="_blank">CSDN - 专业开发者社区</a>
    

    _blank打开:CSDN - 专业开发者社区

    _self
    这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。

    <a href="https://www.csdn.net" target="_self">CSDN - 专业开发者社区</a>
    

    _self打开:CSDN - 专业开发者社区

    _parent
    这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。

    <a href="https://www.csdn.net" target="_parent">CSDN - 专业开发者社区</a>
    

    _parent打开:CSDN - 专业开发者社区

    _top
    这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

    <a href="https://www.csdn.net" target="_top">CSDN - 专业开发者社区</a>
    

    _top打开:CSDN - 专业开发者社区

    【提示】:这些 target 的所有 4 个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略,因此,不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符。

    展开全文
  • HTML中的target标签属性值

    千次阅读 2019-05-22 23:10:30
    target标签有四种不同的属性值 //跳转到新的文档页面,也就是打开新的目标文档 <a target = "_blank"></a> //在当前页面进行跳转,是 a 标签的默认值 <a target = "_self"></a> // <a ...
  • target属性值时,默认是"_blank“” target="_blank":在新窗口中浏览新的页面。 target="_self":在同一个窗口打开新的页面。 target="_parent":在父窗口中打开新的页面。(页面中使用框架才有用) tar
  • jQuery 自动给a标签添加target属性

    千次阅读 2020-12-12 08:40:31
    本文档为个人博客文档系统的备份版本、作者:小游、作者博客:点击访问 代码如下 //自动给a标签添加target属性 $("a").attr({rel:"noopener",target: "_blank"})
  • a标签target属性

    千次阅读 2019-03-08 10:10:15
    有 4 个保留的目标名称用作特殊的文档重定向操作: _blank 浏览器总在一个新打开、未命名的窗口中载入目标文档。 _self ...这个目标的对所有没有指定目标的 &... 标签中的 target 属性一...
  • 标签target属性的“_blank”、“_self”、“_parent”、“_top”这4个属性值的效果的测试。 使用<frame>标签,做一个有框架的网页,为了能看出HTML中<a>标签target属性的“_self”和“_parent”...
  • 标签target 属性规定在何处打开链接文档。 eg: <a href="/example/html/pref.html" target="view_window">Preface</a> 情况一、target不为空但不存在,打开新窗口: 如果在一个 <a> 标签...
  • HTML超链接a标签的herf、target属性用法

    千次阅读 多人点赞 2020-12-07 20:58:30
    HTML中a标签的herf、target属性的用法 在页面中超链接可以是一个字,一个词,或者一段话,也可以是一幅图像,可以点击这些内容来跳转到新的页面或者当前页面中的某个部分,在HTML中通常使用a标签创建链接。 a标签的...
  • a标签Target属性的使用方法

    千次阅读 2015-12-09 09:43:08
    超级链接atarget属性已经是不被新规范支持了,其有四个保留字: 1._blank my document  浏览器会另开一个新窗口显示document.html文档  2._parent my document   指向父frameset文档  3._self my do
  • 超链接atarget属性

    千次阅读 2020-12-29 07:36:53
    第一种情况:默认情况:当我们没有设置超链接属性target的value时默认是_self,即。它使目标文档显示在超链接所在框架或者窗口中。所以下面两行代码效果相同。百度百度第二种情况:给一堆超链接以相同的target值,...
  • HTML中A标签target属性

    千次阅读 2013-12-08 19:53:56
    A标签的一个重要属性target。  target可能的有:  _blank 打开一个新窗口  _parent 显示在上一层窗口中  _top 显示在最上层窗口  name 显示在名字叫name的窗口中  _self 显示在当前窗口,缺省...
  • gt; &lt;/script&gt; &lt;script&gt; $(document).ready(function(){ ...a[target='_blank']").hide(); }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt;
  • a标签target的几个属性 _blank 浏览器总在一个新打开、未命名的窗口中载入目标文档。 _self 这个目标的对所有没有指定目标的 `<a>` 标签是默认目标,它使得目标文档载入并显示在相同的框架 或者窗口中...
  • 今天遇到一个问题,在页面中用js定义一个name以后,父页面中的a标签target将会失效,不会再指定的iframe中加载页面。 后来查了一下发现,原因是window对象中有name属性a标签打开页面的时候会去查找iframe...
  • html 基础之a标签属性target解析

    千次阅读 2018-04-01 17:38:00
    学习前端,有很多标签其实有很多不同的功能,但是用到的不多,所以就没有发现;当发现的时候,觉得很不可思议,有耳目一新的感觉。...当然了,这里最主要的,只涉及了一个target属性;单单这个targ...
  • HTML <a> 标签的以及 target 属性

    千次阅读 2016-11-21 23:03:31
    HTML 标签的 标签target 属性 标签: 定义和用法 标签定义超链接,用于从一张页面链接到另一张页面。 元素最重要的属性是 href 属性,它指示链接的目标。 在所有浏览器中,链接的默认...
  • a标签常用属性——你是否都用过?

    千次阅读 多人点赞 2021-04-30 10:43:28
    a标签常用属性target,href,download。
  • target属性值

    千次阅读 2014-10-16 17:55:59
    有 4 个保留的目标名称用作特殊的文档重定向操作: _blank 浏览器总在一个新打开、未命名...这个目标是多余且不必要的,除非和文档标题 标签中的 target 属性一起使用。 _parent 这个目标使得文档载入父窗
  • HTML的target属性

    千次阅读 2021-06-12 05:13:53
    HTML的target属性时间:2017-10-2元素的target属性用于指定在何处打开链接文档,如果在一个a标签内包含一个target属性,浏览器将会载入和显示用这个标签的href属性命名的,名称与这个目标吻合的框架或者窗口中的文档,...
  • HTML 超链接 a 标签target 属性

    千次阅读 2018-10-30 23:00:00
    属性值 值 描述 _blank 在新窗口中打开被链接文档。 _self 默认。在相同的框架中打开被链接文档。 _parent 在父框架集中打开被链接文档。 _top 在整个窗口中打开被链接文档。 framename ...
  • target这个属性指定所链接的页面在浏览器窗口中的打开方式。 它的参数主要有: _blank:在新浏览器窗口(新标签)中打开链接文件; _parent :将链接的文件载入含有该链接框架的父框架集或父窗口中。如果 含有该...
  • 链接标签的介绍和target属性

    千次阅读 2021-12-13 08:54:07
    链接标签的介绍 ...链接标签target属性 ➢属性名 target ➢属性值:目标网页的打开形式 取值 效果 _se1f 默认值,在当前窗口中跳转(覆盖原网页 _blank 在新窗口中跳转(保留原网页) <a href= "h.
  • 标签target属性规定在任何处打开链接文档,使用target方法可以在一个<iframe>引用中打开该链接 例: <!-- 通过页面跳转在iframe中打开该链接 --> <a href="<%=basePath%>es/test/init.do" ...
  • 本文记录了如何使用HTML中a标签target属性在指定的框架中打开被链接文档。 使用<frame>标签,做一个有框架的网页,框架思路如下图所示: 该网页由Frame A和Frame B两部分组成,其中给Frame A设置属性值...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 116,542
精华内容 46,616
关键字:

a标签的target属性值