【问题标题】:HTML for "Open in New Tab"“在新标签页中打开”的 HTML
【发布时间】:2021-04-13 21:48:57
【问题描述】:

在编写 html 时,如何让链接表现得像 Google 的“在新标签页中打开”? 我知道target="_blank" 会在新标签页中打开链接,但是在新标签页中打开它的目标是什么,但不会带你到那里, 允许你留在这个页面上并且以后再去看看?

【问题讨论】:

  • @David,感谢您的回复。不——我认为它不能回答这个问题。正如 Levite 有益地观察到的那样,“不是开玩笑,这个问题只有(至少)2 种不同的解释(因为这被接受了,所以亚历克斯的解释肯定不会完全关闭)。解释 1:在新标签中打开链接,但离开用户所在页面的焦点。解释 2:单击时打开当前选项卡中的链接(即使它的目标设置为 _blank) - 此处已正确回答“。
  • @David,这个问题似乎集中在(IMO 非常奇怪)请求单击链接但没有实际访问它,这(荒谬地)用户发现通过使用一些解析器来完成删除代码的目标方面。总之,它更多地是为了规避不受欢迎的浏览器行为。我在这里想知道的是一种简单的单行答案(不要挑剔,我很欣赏任何东西),但如果有答案,就像' target="_..." 就是你需要'。如果没有相应的 html,哦,好吧,我会四处寻找人们是如何做到的。
  • 打开弹出式标签和窗口是浏览器的控制。

标签: html hyperlink tabs href target


【解决方案1】:

这会将您带到特定页面,但用户没有自动重定向的标签,它只会打开一个新标签而不是重定向

HTML:

<button><h1>Click me!</h1></button>

JS:

let button = document.querySelector('button');

button.onauxclick = function(e) {
  e.preventDefault();
  window.open('http://stackoverflow.com', '_blank');
}

【讨论】:

  • 我想你知道我在找什么。不过,我对其进行了测试,它仍然发送到一个新的标签 重定向。我确实改变了一件事——我设置了 .onclick 而不是 .onauxclick。这有什么区别吗? onauxclick 有什么作用?
  • 好的,现在我知道 auxclick 是什么了。很酷的工具...你知道的越多!
猜你喜欢
  • 2019-12-28
  • 2016-03-09
  • 2016-03-24
  • 1970-01-01
  • 1970-01-01
  • 2012-05-09
  • 2016-07-16
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多