html：打开新的页面

Posted 2020-06-14

在html页面中，打开一个新的页面，有两种方式：

一、利用超链接

<a href="newurl">新页面</a>

上面代码添加了一个新链接，点击链接时会打开newurl对应的页面。

注意这种情况下，新的页面会在原页面的浏览器窗口（或tab标签页）上显示，前面页面会被覆盖。

如果需要在一个新的浏览器窗口（或新的标签页）打开新的url，应该采用如下的写法。

<a href="newurl" target="_blank">新页面</a>

这样每次点击链接，都会打开一个新的窗口来显示新页面。

还有一种需求，如果希望点击链接，打开一个新的窗口，但又不需要每次链接都打开一个，而是第一次打开一个新的窗口后，后续再点击链接，就一直在上次打开的那个窗口上显示。这时这样写。

<a href="newurl" target="xxxx">新页面</a>

上面的xxxx是代表新窗口的name名（在js代码中能被使用），可以是任意的合法标识符。

二、利用js代码调用window的open方法

代码如：

window.open("newurl");

注意，上面的方式会在一个新的窗口打开新页面。

如果希望在原窗口打开，写法如下

window.open("newurl",target="_self");

如果希望只是第一次调用在新窗口打开，后续在上次打开的打开，写法如下

window.open("newurl",target="xxx");  //xxx是新窗口的name属性值