HTML中<a>标签的target属性参考

最新推荐文章于 2023-11-16 14:56:37 发布
最新推荐文章于 2023-11-16 14:56:37 发布
阅读量745 收藏
点赞数
分类专栏： HTML
本文介绍了HTML中a标签的target属性及其保留字，探讨了target属性的争议，并提供了使用JavaScript进行页面跳转的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

超级链接a的target属性已经是不被新规范支持了，其值有四个保留字：

1._blank      <a href="document.html" target="_blank">my document</a> 
                  浏览器会另开一个新窗口显示document.html文档   
2._parent     <a href="document.html" target="_parent">my document</a>      
                  指向父frameset文档   
3._self       <a href="document.html" target="_self">my document</a>           
                  把文档调入当前页框  
4._top        <a href="document.html" target="_top">my document</a>          
                  去掉所有页框并用document.html取代frameset文档   
 
小技巧1：使别人的页框不能引用你的网页，在文件头加：<base target="_top">    
小技巧2：在当前页打开连接或做刷新，提交到当前页在文件头加：<base target="_self">

    target的去留存有争议，主张留的一方主要是考虑到target="_blank"的属性目前来讲还没有一个好的方式来解决，而主张去的一方则拿出了rel与JS的解决方案。

  我的看法：当采用frameset框架的时候，target="frame_name"，即可指定a的目标地址。
     使用JS的进行跳转页面的办法：
     <script type="text/javascript">
         function changePage(direction)
         {
            parent.brotherFrameName.location.href(direction);
          }
     </script>
     然后<span onclick="changePage("direction_page")">link_name</span>即可

    a与js的配合使用
    <a href="javascript: methodName();">This is a link</a>

 

HTML 标签属性——＜a＞、＜img＞、＜form＞、＜input＞、＜table＞ 标签属性详解
Allen-
11-02 1161
HTML元素除了可以使用全局属性外，还有许多特定于某些元素的属性。这些特定属性能够极大地增强元素的功能性和用户体验。
HTML5 ＜ins＞ 标签、HTML5 ＜link＞ 标签
thgj0006的博客
04-13 707
ins> 标签定义已经被插入文档中的文本。 标签定义文档与外部资源的关系。 标签最常见的用途是链接样式表。link 元素是空元素，它仅包含属性。此元素只能存在于head部分，不过它可出现任何次数。
a 标签 target属性的用法
diz45481的博客
01-08 260
a 标签 target属性的用法 超级链接a的target属性已经是不被新规范支持了，其值有四个保留字： 1._blank <a href="document.html" target="_blank">my document&...
target属性用法
Shiring-Spring
06-04 1194
这个属性指定所链接的页面在浏览器窗口中的打开方式，它的参数值主要有：_blank、_parent、_self、_top，这些参数值代表的含义如下：　　◎_blank，在新浏览器窗口中打开链接文件。　　◎_parent，将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就象_self参数一样。　　◎_self，在同一框架或窗口中打
a标签的target属性
热门推荐
qq_42000201的博客
10-31 2万+
a标签的target属性前端a标签最重要的属性是href属性，实现页面的跳转。但是在当前页面显示还是在新页面中显示需要使用target属性控制 前端a标签最重要的属性是href属性，实现页面的跳转。但是在当前页面显示还是在新页面中显示需要使用target属性控制 target属性有五个特殊值。 1.target="_self" 内容在当前页面显示。 2.target="_blank" 内容在新页面...
a标签target属性的用法
zaifendou的专栏
07-27 1524
超级链接a的target属性已经是不被新规范支持了，其值有四个保留字： 1._blank      my document    浏览器会另开一个新窗口显示document.html文档    2._parent     my document          指向父frameset文档    3._self     my document               把文档
HTML中target的相关说明
溺水的鱼 - Later equals never.
10-22 1262
  1._blank       my document         浏览器会另开一个新窗口显示document.html文档    2._parent      my document       指向父frameset文档    3._self          my document         
在HTML中，<a>标签用于创建超链接，其中哪个属性指定了链接的目标URL？ A) target B) src C) href D) link
最新发布
07-25
虽然提供的引用中没有直接提到<a>标签，但引用[2]和[3]提到了HTML标签的基本语法，这有助于我们确认HTML标签的属性使用方式。 因此，我们可以这样回答： 在HTML中，<a>标签用于创建超链接，其href属性用于指定...
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> function test(text){ alert(text); } test("函数在<script>标签中调用"); function a(){ test("函数在其他函数中调用"); } a(); </script> </head> <body> <input type="button" value="测试" onclick="test('组件调用函数')"/> </body> </html>
05-07
<think>好的，用户想了解JavaScript中函数在不同场景下的调用方式，包括在script标签内、其他函数中以及组件中的调用区别和实现。首先，我需要回忆一下相关的知识点，并结合提供的引用资料来组织答案。 首先，用户...
<?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <parent> <groupId>cn.vetech.charge.cloud</groupId> <artifactId>demo-parent</artifactId> <version>2.0-SNAPSHOT</version> </parent> <artifactId>Eureka-server</artifactId> <properties> <maven.compiler.source>8</maven.compiler.source> <maven.compiler.target>8</maven.compiler.target> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> </properties> <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-starter-netflix-eureka-server</artifactId> </dependency> </project> <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-starter-netflix-eureka-server</artifactId> </dependency> 这一部分配置文件报错
06-19
###错误原因分析：1.**依赖项放置位置错误**：<dependency>标签必须放在<dependencies>标签内，而<dependencies>标签必须位于<project>标签下的适当位置（通常在<dependencies>或<dependencyManagement>中）。...
a标签target属性
weixin_44195615的博客
02-28 2294
<a target="t1" > 1</a> <a target="t1" > 2</a> <a target="_blank" > 3</a> 点击1 后会打开新页面， 再点击2 后 新的页面会被2的内容替换， 点击3后新打开页面，原页面不收影响。
a标签的target属性，_blank，_self，_parent，_top，下载任务进度条显示在浏览器的下方，下载文件自动打开关闭
qq_43305958的博客
09-23 1739
a标签的target属性，_blank，_self，_parent，_top总结 _blank: 设置target属性值为“_blank”，可以在一个新的窗口中打开链接。 _self： 设置target属性值为“_self”，会在相同的框架或者窗口中打开链接。 *_parent：** 设置target属性值为“_parent”，会在父窗口或者包含来超链接引用的框架的框架集中打开链接。我们可以看到原来的Frame_B_1也被新打开的链接覆盖了。 _top： 设置target属性值为“_top”，会清除所有被包
HTML <a> 标签的 target 属性
浪迹天涯
09-03 1286
来自于：http://www.w3school.com.cn/tags/att_a_target.asp   定义和用法 &lt;a&gt; 标签的 target 属性规定在何处打开链接文档。 如果在一个 &lt;a&gt; 标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的...
a标签target属性仔细审题
weixin_33937499的博客
12-19 285
a标签target属性仔细审题 我们来看msdn对于a标签target的描述 Specifies where to display the linked URL. It is a name of, or keyword for, a browsing context: a tab, window, or <iframe>. ...
详解 a标签的 target 属性
qq_44416706的博客
11-16 2523
实现列表页打开详情页，多个详情页在同一个标签页内展示
HTML <a> 标签的以及 target 属性
惜忆隐蝶
11-21 5675
HTML 标签的 标签target 属性 标签： 定义和用法 标签定义超链接，用于从一张页面链接到另一张页面。 元素最重要的属性是 href 属性，它指示链接的目标。 在所有浏览器中，链接的默认外观是： 未被访问的链接带有下划线而且是蓝色的 已被访问的链接带有下划线而且是紫色的 活动链接带有下划线而且是红色的 提示：您可
HTML中a标签的target属性的取值和作用--详解(附加代码)
合格程序猿
07-03 5056
HTML中a标签的target属性的取值和作用--详解(附加代码)
详解 HTML ＜a＞ 标签的 target 属性
青颜的天空的博客
07-23 9792
<a>标签的 target 属性规定在何处打开链接文档。 包含 _blank、_self、_parent、_top共4个特殊的target
html 基础之a标签的属性target解析
weixin_30859423的博客
04-01 4756
学习前端，有很多标签其实有很多不同的功能，但是用到的不多，所以就没有发现；当发现的时候，觉得很不可思议，有耳目一新的感觉。例如a标签，之前只是知道，使用a标签，可以打开一个链接，然后访问一个新的页面。之前使用的时候，也没有管那么多，就直接使用了，突然发现，a标签的用法，其实不仅仅可以在一个新页面中打开一个网页那么简单。当然了，这里最主要的，只涉及了一个target属性；单单这个targ...
如何使用<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>首页</title> </head> <body> <h1>欢迎来到首页</h1> <p>从这里可以跳转到其他页面：</p> <ul> <li><a href="page2.html">跳转到第二页</a></li> <li><a href="page3.html">跳转到第三页</a></li> <li><a href="page4.html">跳转到第四页</a></li> <li><a href="page5.html">跳转到第五页</a></li> </ul> </body> </html> page2.html HTML <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>第二页</title> </head> <body> <h1>这是第二页</h1> <p>返回首页：<a href="index.html">首页</a></p> <p>跳转到其他页面：</p> <ul> <li><a href="page3.html">跳转到第三页</a></li> <li><a href="page4.html">跳转到第四页</a></li> <li><a href="page5.html">跳转到第五页</a></li> </ul> </body> </html> page3.html HTML <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>第三页</title> </head> <body> <h1>这是第三页</h1> <p>返回首页：<a href="index.html">首页</a></p> <p>跳转到其他页面：</p> <ul> <li><a href="page2.html">跳转到第二页</a></li> <li><a href="page4.html">跳转到第四页</a></li> <li><a href="page5.html">跳转到第五页</a></li> </ul> </body> </html> page4.html HTML <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>第四页</title> </head> <body> <h1>这是第四页</h1> <p>返回首页：<a href="index.html">首页</a></p> <p>跳转到其他页面：</p> <ul> <li><a href="page2.html">跳转到第二页</a></li> <li><a href="page3.html">跳转到第三页</a></li> <li><a href="page5.html">跳转到第五页</a></li> </ul> </body> </html> page5.html HTML <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>第五页</title> </head> <body> <h1>这是第五页</h1> <p>返回首页：<a href="index.html">首页</a></p> <p>跳转到其他页面：</p> <ul> <li><a href="page2.html">跳转到第二页</a></li> <li><a href="page3.html">跳转到第三页</a></li> <li><a href="page4.html">跳转到第四页</a></li> </ul> </body> </html>制作
06-07
8"><title>联系我们</title></head><body><h1>联系我们</h1><p>通过电子邮件联系我们：contact@example.com</p><p>返回<ahref="index.html">主页</a></p></body></html>```在HBuilderX中预览：1.确保项目已经在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值