在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屬性值
三、form表單提交
<form target="_blank">
通過設置target屬性,當通過表單提交請求時,返回的結果在新窗口打開。