target="_blank"需配rel="noopener noreferrer"以防安全风险和性能问题，合法target值包括_self、_blank、_parent、_top及自定义名称，iframe中行为受sandbox限制，精确弹窗须用window.open()。

target="_blank" 为什么新标签页打不开或有警告

直接写 target="_blank" 是最常见做法，但现代浏览器（尤其 Chrome）会对没配 rel="noopener noreferrer" 的链接发出控制台警告，甚至影响性能和安全——因为新页面能通过 window.opener 反向访问原页面，存在钓鱼或性能拖慢风险。

正确写法必须补全：

<a href="https://example.com" target="_blank" rel="noopener noreferrer">链接</a>

• rel="noopener" 切断 window.opener 引用，防止新页操控原页
• rel="noreferrer" 额外阻止 Referer 头发送（可选，但推荐一起加）
• 如果需要新窗口而非标签页（比如弹出独立窗口），仅靠 target 不够，得配合 window.open()，target 本身不控制窗口尺寸或工具栏

target 值有哪些合法选项，各自行为差异

target 的值不是随便写的字符串，浏览器只识别几个关键字，其余会被当作新窗口/标签页名处理（可能意外复用已有窗口）。

Article To Html

文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。

下载

• target="_self"：默认行为，在当前上下文加载（常用于强制覆盖 iframe 内容）
• target="_blank"：新开标签页或窗口（由浏览器设置决定）
• target="_parent"：在父级 <iframe></iframe> 上下文中加载，若无父级则等同 _self
• target="_top"：在顶层窗口加载，会跳出所有嵌套 iframe
• target="some-name"：按名称查找已有窗口/标签页，匹配则复用，否则新建——注意大小写敏感，且名称不能含空格或特殊字符

在 iframe 场景下 target 失效或跳转错位

当页面含 <iframe></iframe>，target 行为高度依赖 iframe 的 sandbox 属性和 allow 权限。例如：

• iframe 带 sandbox 但没加 allow-scripts 或 allow-popups，target="_blank" 会被静默忽略
• iframe 设置了 name="myframe"，而链接写 target="myframe"，就会在该 iframe 内跳转——不是新开页
• 跨域 iframe 中，即使写了 target="_blank"，部分浏览器也可能因安全策略降级为 _self

target 和 JavaScript window.open 的关键区别

别指望 target 能做 window.open() 的事：它没法指定窗口宽高、是否显示地址栏、是否允许缩放。想精确控制弹窗，必须用 JS。

• target 是声明式、无副作用的导航控制；window.open() 是命令式、可编程的弹窗接口
• window.open(url, "_blank", "width=600,height=400,noopener") 中的 noopener 是参数，不是 rel 属性，两者作用域不同
• 用 target 时，用户右键“在新标签页打开”仍有效；用 window.open() 默认禁用右键菜单（除非显式允许）

真正要控制打开方式，先想清楚是纯 HTML 导航，还是需要 JS 干预——混用容易导致行为不一致，比如同时设 target="_blank" 和 onclick="window.open(...)"，结果开两个窗口。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！