_target属性的常用值有_self、_blank、_parent、_top和framename；1. _self：在当前窗口或标签页打开链接，是默认行为；2. _blank：在新窗口或新标签页打开链接，常用于外链；3. _parent：在父框架中打开链接，无框架时等同_self；4. _top：在顶层浏览器窗口打开链接，清除所有框架，无框架时等同_self；5. framename：在指定名称的框架中打开链接，仅在使用框架集时有效；此外，javascript可通过window.open()方法控制链接打开方式，提供更灵活的交互逻辑；使用target=”_blank”存在安全风险，新页面可通过window.opener操控原页面，应添加rel=”noopener”以阻止访问，为兼容旧浏览器可同时添加rel=”noreferrer”，但后者会屏蔽referer信息，影响流量统计，需根据安全与数据分析需求权衡使用。
target属性决定了链接点击后，页面在何处显示。设置链接打开方式，本质上就是配置target属性。
解决方案：
target属性是HTML链接（
标签）的一个关键属性，用于指定点击链接后，链接的资源（通常是另一个网页）应该在哪个浏览上下文（通常是浏览器窗口或标签页）中显示。理解并正确使用target属性，能极大地提升用户体验，控制网站的行为。
target属性有哪些常用值？分别有什么作用？
target属性可以取多个值，每个值对应不同的打开方式：
_self
: 这是默认值。链接会在当前窗口或标签页中打开。如果你不指定target属性，浏览器默认就是这个行为。
_blank
: 链接会在一个新的窗口或标签页中打开。这是最常用的值，特别是当你希望用户在不离开当前页面的情况下访问新链接时。
_parent
: 链接会在父框架集中打开。如果当前页面没有使用框架，那么它的行为等同于
_self
。
_top
: 链接会在整个浏览器窗口中打开，移除所有的框架。如果当前页面没有使用框架，那么它的行为也等同于
_self
。
framename
: 你可以指定一个框架的名称。链接会在指定的框架中打开。这只有在页面使用了框架集（
）时才有效。
举个例子，如果你想让用户点击一个链接后，在新的标签页中打开，你可以这样写：
除了target属性，还有其他方式控制链接的打开方式吗？
虽然target属性是最直接的方法，但JavaScript也可以用来控制链接的打开方式。例如，你可以使用
window.open()
函数来打开一个新的窗口或标签页，并进行更细致的控制。
function openNewTab(url) { window.open(url, '_blank');}
然后，你可以将这个JavaScript函数绑定到一个链接的
onclick
事件上：
JavaScript的优势在于，它可以提供更复杂的逻辑和交互，比如根据用户的设备或浏览器类型，动态地决定链接的打开方式。但一般来说，简单的链接跳转，使用target属性就足够了。
target=”_blank”有什么安全风险？应该如何防范？
使用
target="_blank"
打开新标签页，虽然方便，但也存在一定的安全风险。新打开的页面可以通过
window.opener
属性访问到原始页面，并可能对其进行修改，例如将原始页面重定向到恶意网站。
为了防范这种风险，可以在链接上添加
rel="noopener"
属性。这个属性会阻止新页面访问
window.opener
，从而避免潜在的安全问题。
安全地访问Example网站
有些旧版本的浏览器可能不支持
rel="noopener"
，为了兼容这些浏览器，可以同时添加
rel="noreferrer"
属性。
rel="noreferrer"
不仅会阻止
window.opener
的访问，还会阻止新页面获取到原始页面的Referer信息。
更安全地访问Example网站
虽然
rel="noreferrer"
可以提供更强的安全性，但它也会阻止网站分析工具获取到Referer信息，这可能会影响网站的流量统计。因此，在实际使用中，需要根据具体情况权衡安全性和数据分析的需求。
以上就是target属性的作用是什么？链接打开方式怎么设置？的详细内容，更多请关注php中文网其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1570577.html
微信扫一扫 
支付宝扫一扫 
