时间戳

首页 > 解决方案 > 如何打开没有 URL 的新浏览器选项卡（通过网页上的 onClick），就像单击“+”按钮添加新选项卡一样

javascript - 如何打开没有 URL 的新浏览器选项卡（通过网页上的 onClick），就像单击“+”按钮添加新选项卡一样

问题描述

如何通过来自网页的 onClick 事件在地址栏中打开一个没有 URL 的新选项卡，就好像您单击了所有选项卡右侧的“+”按钮一样。

是的，我可以onClick={() => window.open('', '_blank')}打开一个没有 URL 的新标签。但这将导致about:blank出现在地址栏中。我不想要的东西。打开的新选项卡应该与您单击“+”按钮完全一样。

JFYI，如果不是打开新选项卡，onClick 源自的页面变成空白页面，我也可以。就像您单击主页按钮一样。

标签： javascriptreactjs

解决方案

不幸的是，没有办法使用可用的浏览器 API 来做你想做的事。的语法window.open是window.open(URL, name, specs, replace). 前 2 个定义了如何打开这个新的“窗口”。窗口应该去哪里的 url。这可以保留为空字符串，但会以“about:blank”的形式打开一个窗口。第二部分是名称，它定义了窗口应该如何打开（选项卡、窗口等）。

本地资源无法使用此 URL 加载，因此“chrome://newtab”将不起作用。尝试使用句点作为您的网址将打开新窗口，其中包含打开窗口的任何页面。尝试使用斜杠作为 url 将打开新窗口作为创建新窗口的基本路径。我尝试过的无效网址（随机字符串和字符）只会使用您当前的网址打开一个新窗口，但也会附加您输入的任何内容。

从它的外观来看，您被“about:blank”所困扰，或者不得不考虑其他选项。

参考来源

推荐阅读