在同一窗口和同一选项卡中打开URL

我想在包含该链接页面的同一窗口和同一选项卡中打开一个链接。

当我尝试使用打开链接时window.open,它将在新选项卡中打开,而不是在同一窗口的同一选项卡中打开。

小宇宙Gil2020/03/23 21:37:25

完全像这样 window.open("www.youraddress.com","_self")

Gil2020/03/23 21:37:25

正如MDN的裁判所说,只需给出新的window/ 的名称即可tab

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/open#Syntax

在当前标签页中使用 _self

<a
 href="url"
 target="_self">
   open
</a>
const autoOpenAlink = (url = ``) => {
  window.open(url, "open testing page in the same tab page");
}

open in a new tab page using _blank

vue demo

    <div style="margin: 5px;">
        <a
            :href="url"
            @click="autoOpenAlink"
            target="_blank"
            >
            {{url}}
        </a>
    </div>

vue

    autoOpenAlink(e) {
        e.preventDefault();
        let url = this.url;
        window.open(url, "iframe testing page");
    },
神奇小宇宙2020/03/23 21:37:25

你要用window.open吗?那使用window.location="http://example.com"呢?

猴子村村2020/03/23 21:37:25

打开另一个网址,例如点击链接

window.location.href = "http://example.com";
泡芙西门2020/03/23 21:37:25

用这个:

location.href = "http://example.com";
斯丁前端2020/03/23 21:37:25

为了确保在同一选项卡中打开链接,您应该使用 window.location.replace()

请参见下面的示例:

window.location.replace("http://www.w3schools.com");

资料来源:http : //www.w3schools.com/jsref/met_loc_replace.asp

猪猪2020/03/23 21:37:25

您需要使用name属性:

window.open("https://www.youraddress.com","_self")

编辑:URL应该在协议之前。没有它,则尝试打开相对URL。经过Chrome 59,Firefox 54和IE 11的测试。