首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

target='_blank‘在任何浏览器中都不起作用

target='_blank'是HTML中的一个属性,用于指定链接在新的浏览器窗口或标签页中打开。然而,有些浏览器或浏览器设置可能会阻止该属性的功能,导致链接仍然在当前窗口中打开。

尽管target='_blank'在任何浏览器中都不起作用,但可以通过其他方式实现在新窗口或标签页中打开链接的效果。以下是一些替代方案:

  1. 使用JavaScript:可以通过JavaScript代码来实现在新窗口或标签页中打开链接的效果。例如,可以使用window.open()函数来打开链接,并指定新窗口的属性。
  2. 使用服务器端重定向:在服务器端,可以通过设置HTTP响应头来实现重定向到新的URL。例如,在PHP中,可以使用header()函数来设置Location头,将用户重定向到新的URL。
  3. 使用CSS样式:可以使用CSS样式来模拟链接在新窗口中打开的效果。例如,可以使用伪类选择器和:before伪元素来创建一个类似于链接的图标,并使用CSS属性cursor:pointer来改变鼠标指针样式。

需要注意的是,无论使用哪种替代方案,都应该遵循用户体验和Web标准的原则。在打开链接时,应提供明确的提示,以便用户知道链接将在新的窗口或标签页中打开。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

一道 React 面试题:浏览器、组件和元素中都渲染了些什么?

React 元素不是我们浏览器中所看到的。它们只是内存中的对象,我们无法对其进行任何更改。 React 在其内部通过创建、更新和销毁 instance 来找出需要渲染给浏览器的 DOM 元素树。...使用类组件时,通常将其浏览器渲染的 DOM 元素称为组件实例。你可以渲染同一组件的多个实例。实例是你基于类的组件内部使用的 this 关键字。...不幸的是,使用术语组件既指模板又指通过模板使用的任何一种实例或者调用,这似乎是很普遍的。人们对此感到困惑很正常,这挺痛苦的。...它不会为基于函数的组件创建任何内容。它只是调用它们。 从 HelloMessage 组件返回的是一个描述 React.Fragment 组件的 React 元素。...React 通过一致性比较算法找出要在浏览器中更新的内容。用组件实例所转换的树节点保留修改该实例的能力。

1K20
  • 如何在Ubuntu 14.04中使用NodeJS,SailsJS和DustJS构建SPA(单页应用程序)

    这太棒了,因为 客户端和服务器上编写和维护相同模板的代码较少 搜索引擎可索引,因为任何页面都可以直接从服务器获取 准备 本教程假设您已经创建了一个Ubuntu 14.04 x64 腾讯云CVM。...此外,链接在此时不起作用。 第5步 - 创建部分 注意:部分(或模板)是页面的一部分。SPA中,我们不会替换整个页面,只是部分。...="http://sailsjs.org" target="_blank" role="button">Check out SailsJS about.dust...="http://sailsjs.org" target="_blank" role="button">Check out SailsJS ...请注意,.dust文件扩展名示例中使用,但.tl也常见。由于它只对构建过程有用,因此您可以使用任何扩展程序。

    3K00

    js控制浏览器新开窗打开页面

    2016-07-18 09:07:01 a标签有一个属性为target,将其值设置为“_blank“,即可新开一个窗口打开页面,那么通过js也可以控制打开新的窗口来开启页面。...我们都知道form表单提交可以刷新页面,同时如果给form表单设置一个target同样也可以达到a标签的效果 form.target="_blank"; form.action="aaa.aspx";...form.submit(); 如上代码,页面中设置一个隐藏的form表单,只不过里面不放置任何东西,提交表单几个跳转到一个新的页面,同时是用一个新的窗口打开。...都是使用js中的window.open有一个缺点就是容易被浏览器屏蔽。本文介绍了js中打开新窗口的各种方法。...,下面来说一下如何避开浏览器拦截打开一个新页面的方式 var newTab=window.open('about:blank'); newTab.location.href ="https://www.oecom.cn

    6.6K20

    window.opener.location 安全风险讨论

    来看一个案例,假设父页面中有新窗口打开的子页面链接: click me...加上默认情况,一共要测试三种情况,代码如下: HTMLclick me..." target="_blank" rel="noreferrer">click me 完整的测试页面可以在这里找到,以下是我部分浏览器下的测试结果: 浏览器 1)默认情况 2)window.opener...方案 1,最新的 Safari 下不能阻止跳转,并且会导致 IE 系列丢失 Referrer;方案 2,不支持 rel=noreferrer 的 IE 中等同于默认情况,在其它浏览器中可以阻止跳转,...下面是一些提议,可惜到目前为止并没有任何浏览器采纳: rel="newcontext":建议给 rel 属性增加 newcontext 属性值,详情1、详情2; rel="unrelated":建议给

    1.7K60

    关于Firefox中链接点击弹出空白标签页的问题分析

    前言 昨天突然有好心人提醒我说我的网站某些链接在firefox中打开时会弹出 about:blank 的空白页面。本来自己测试的时候没怎么考虑浏览器的兼容问题,毕竟自己总共也没写几个标签。...问题 原先的代码是这样的,有一个a标签,类似这样: haha...这行简单的代码chrome里没有问题,不过 firefox 中如果点击这个标签就会立刻弹出一个 about:blank 的空白标签页,非常的不友好。...解决 这个问题解决起来其实也很简单,原因就在于不知道为什么当时手贱顺手加了个 target="_blank" ,大多数浏览器会在看到 javascript:void(0);之后阻止了创建页面的操作,但是...因此解决起来也很简单,把 target="_blank" 删除即可。 思考 但是问题来了,是什么原因导致不同浏览器的执行逻辑不一样呢?

    1.5K20

    我们一起学一学渗透测试——黑客应该掌握的HTML基础知识(二)

    属性target 属性值分别为_blank、_self、_parent、_top。...target=_blank新的浏览器窗口中打开连接的文档,同时保持当前窗口不变 target=_self:将链接的文档载入链接所在的同一框架或窗口,默认设置为_self target=_parent...target=_top:将链接的文档载入整个浏览器窗口,从而删除所有框架 我们以“_blank”为例,可以按照如下方式编写: 百度地址 属性title 浏览器会以浮动提示的方式显示解释信息...框架标签 框架 一个浏览器文档窗口一般只能显示一个网页文件,但是使用框架标签就可以将一个浏览器文档窗口分割成多个子窗口,每个子窗口中都可以显示一个独立的网页文件。

    96910

    React技巧之设置target=_blank

    blank React中将元素的target属性设置为_blank ,可以使用锚元素并设置rel属性。..._blank 值意味着资源新的标签页被加载。...rel属性的noopener 关键字指示浏览器导航到目标资源,而不授予新的浏览上下文对打开它的文档的访问权。 当a标签元素的target属性被设置为_blank时,资源新的标签页被加载。...我们将以下3个参数传递给open()方法: 名称 描述 url 被加载的资源的url或者路径 target 资源被加载到的浏览器上下文的名称。_blank 属性值意味着资源新的标签页被加载。...总结 通过设置target属性为_blank,我们新标签页中打开了资源。一共介绍了两种方式:一种是为a标签元素设置属性,另一种是为window.open()方法传入参数。

    82530

    安全开发小知识记录

    [TOC] 0x00 前言 小小知识大作用 0x01 F&Q 1.前端Web Q:a标签target="_blank"的安全问题及解决办法 答:A标签的target属性规定在何处如何打开链接文档常用的有..._self & _blank,如果在一个 A 标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档,如果这个指定名称或 id...您可以把target=”_blank”理解为新的浏览器窗口打开此超链接; 关键点: 如果您使用了该属性却没有添加rel=”noopener noreferrer”得话就会存在一定得安全风险; 原理解析...实例演示: #http://www.weiyigeek/a.html 跳转; #点击后浏览器会在新得窗口和标签页打开b.html...,比如我们以后写a标签的时候尽量都在target=”_blank”后面添加一句rel="noopener noreferrer"。

    69710

    一个来自create-react-app脚手架警告的思考

    信息内容如下 意思就是说“没有rel="noopener noreferrer"属性的a标签中使用target="_blank"存在一定的风险” 这个提示瞬间把我吸引了,以前关于a标签收到的提示都是没有设置...查阅了一些资料得到了如下关于a标签一个介绍 当一个外部链接使用了target=_blank的方式,这个外部链接会打开一个新的浏览器tab。此时,新页面会打开,并且和原始页面占用同一个进程。...这也意味着,如果这个新页面有任何性能上的问题,比如有一个很高的加载时间,这也将会影响到原始页面的表现。...主要是两个点是我以前从未在意的 用target="_blank"方式打开的tab和原始页面占用同一个进程(UI进程) 新打开的页面能获取到原始页面的document。...按照create-react-app的提示信息,给连接加上rel属性,如下: <a rel="noopener noreferrer" target="_blank" href="https://marvengong.github.io

    55820

    安全开发小知识记录

    [TOC] 0x00 前言 小小知识大作用 0x01 F&Q 1.前端Web Q:a标签target="_blank"的安全问题及解决办法 答:A标签的target属性规定在何处如何打开链接文档常用的有..._self & _blank,如果在一个 A 标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档,如果这个指定名称或 id...您可以把target=”_blank”理解为新的浏览器窗口打开此超链接; 关键点: 如果您使用了该属性却没有添加rel=”noopener noreferrer”得话就会存在一定得安全风险; 原理解析...实例演示: #http://www.weiyigeek/a.html 跳转; #点击后浏览器会在新得窗口和标签页打开b.html...,比如我们以后写a标签的时候尽量都在target=”_blank”后面添加一句rel="noopener noreferrer"。

    46610

    链接地址中的target=”_blank”属性,为钓鱼攻击打开了大门

    现在,许多主流的互联网服务提供商都会在网页的链接地址中加入target=”_blank”属性,而这绝对是一种非常不安全的行为。...不仅如此,target=”_blank”属性还将会使广大互联网用户暴露在钓鱼攻击的风险之下。...早在2014年,就已经有很多安全研究专家表示,target=”_blank”属性是非常不安全的一个属性。而且当初有些关于该属性的安全报告为了引起人们的注意,还特地将标题设置得非常醒目。...我印象中最深的就是那篇标题为《Target=”_blank”–有史以来最被人们低估的漏洞》的报告,感兴趣的同学可以看一下这份报告[传送门]。...漏洞实现机制 当用户点击了某个网站中带有target=”_blank”属性的超链接后,浏览器会单独新建一个标签页来显示该链接所指向的内容。

    1.1K20
    领券