核心结论是 target 是 HTML 里面 a 标签 form 标签常用属性，作用是规定链接或者表单提交之后，页面在哪里打开或者加载响应内容，简单来说就是指定渲染目标窗口或者 iframe。这个属性在网页开发非常常用，很多新手写跳转的时候默认不写 target，页面就会在当前标签页直接跳转，原来页面就被覆盖，如果想要新标签打开页面，就需要设置 target 等于_blank，除了这个常用值之外，还有_self _parent _top 这些内置关键字，同时也可以自定义名字，配合 iframe 的 name 属性实现局部刷新，不用整页重载，这个属性是前端基础知识点，经常和 href action 属性搭配使用。

target 常用取值讲解

_blank 新的浏览器标签页打开，原页面保留，这个是最常用的值

_self 在当前窗口当前标签页打开，属于默认值，就算不写 target，默认效果就是_self

_parent 在父框架窗口打开，如果没有父框架，效果就和_self 一样

_top 在最顶层窗口打开，会把所有嵌套框架全部替换，跳出所有 iframe 嵌套

自定义名称 填写自定义名字，如果已经存在同名窗口或者 iframe，就在这个目标里面加载内容，如果不存在就新建窗口

target 适用标签对照表

实际开发操作要点

使用 a 标签举例，a href 等于网址 target 等于_blank，点击之后新开标签页

使用 iframe 场景，iframe 设置 name 等于 main，然后 a 标签 target 等于 main，点击链接内容就在这个 iframe 内部加载，主页面其他区域不动

如果是 form 表单，form 标签添加 target 等于_blank，提交表单之后，接口返回结果就会在新标签页展示

开发注意事项

target 等于_blank 在旧版本浏览器存在安全风险，外部链接推荐搭配 rel 等于 noopener noreferrer，防止新打开页面通过 window.opener 篡改原页面。不要滥用_blank，用户如果不需要新窗口，大量新开标签会影响体验。自定义 target 名字区分大小写，名字和 iframe 的 name 必须完全一致，否则无法定位目标。嵌套多层 iframe 的时候，_parent 只找上一层父框架，_top 才会一直跳到最外层主页面，两者不要混淆。

【常见问题】

问题 1 target 作用里面 target 等于_blank 是什么效果

回答 1 target 作用里面 target 等于_blank，代表点击链接之后在全新标签页打开页面，原本当前页面不会被替换，这是 target 作用最常使用的配置。

问题 2 target 作用里面_self 是不是默认值

回答 1 target 作用里面_self 就是默认值，也就是在当前标签页加载内容，如果不写 target 属性，本质就是执行_self 对应的作用。

问题 3 target 作用能不能配合 iframe 实现局部加载

回答 1 target 作用可以配合 iframe 实现局部加载，给 iframe 设置 name，然后链接的 target 填写这个 name，页面内容就会在 iframe 内部渲染，这也是 target 作用非常经典的用法。

【免责申明】

本文内容仅作为前端学习参考，target 作用相关语法请结合浏览器版本验证，若用于项目开发请自行核对标准规范。