时间戳

首页 > 解决方案 > 单击按钮打开一个新选项卡

javascript - 单击按钮打开一个新选项卡

问题描述

我想使用在新选项卡中打开的按钮创建一个链接。

我目前使用的代码当前正在打开一个空白选项卡，我不确定为什么。

<div class="text text-left">

    <h2>WORK</h2>
    <h1>Title</h1>

    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pellentesque felis ante, eu convallis sem egestas id.</p>

    <p>Etiam fermentum vestibulum hendrerit. Nam ac felis dolor ultricies varius eget vel arcu.</p>

    <button href="https://www.behance.net" onclick="window.open(this.href); return false;">View Project</button>

</div>

单击按钮后，预期结果将是打开一个新选项卡 (Behance.com) - 不是空白选项卡。

谢谢。

标签： javascripthtmlbuttonhyperlinknavigation

解决方案

在调试这样的事情时，我喜欢做的第一件事是console.log this.href，因为你没有得到你期望的结果。这里所有的问题迹象都指向this.href. 如果你这样做，你会看到它给了你undefined。

您正在寻找的是window.location.href. 更新您的 onclick 以反映这一点。

https://developer.mozilla.org/en-US/docs/Web/API/Window/location

推荐阅读