在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属性值
时间: 2024-11-04 15:45:27