首頁  >  文章  >  web前端  >  如何使用 JavaScript 在新視窗/標籤中開啟 URL?

如何使用 JavaScript 在新視窗/標籤中開啟 URL?

Barbara Streisand
Barbara Streisand原創
2024-10-21 21:23:30717瀏覽

How to Open URLs in New Windows/Tabs with JavaScript?

使用JavaScript 在新視窗/標籤中開啟URL

在JavaScript 中,location.href 屬性可讓您變更目前的URL頁。但是,直接使用時,它會將當前頁面替換為目標 URL。要在新視窗或標籤中開啟目標 URL,您需要使用 window.open() 方法。

範例

考慮以下JavaScript 程式碼片段:

if (command == 'lightbox') {
  location.href="https://support.wwf.org.uk/earth_hour/index.php?type=individual";
}

要在新分頁中開啟目標URL,請修改程式碼如下:

if (command == 'lightbox') {
  window.open(
    'https://support.wwf.org.uk/earth_hour/index.php?type=individual',
    '_blank' // Makes the page open in a new window tab.
  );
}

在此修改後的程式碼中,我們使用兩個參數來呼叫window.open() 方法參數:

  • 第一個參數('https://support .wwf.org.uk/earth_hour/index.php?type=individual')指定要開啟的URL。
  • 第二個參數('_blank')表示該URL應該在新視窗標籤中開啟。

注意:也可以使用'_blank'目標值在新視窗中開啟 URL。但是,對於基於視窗的目標使用“_blank”時,不同的瀏覽器可能會有不同的行為。因此,通常建議對基於選項卡的目標使用“_blank”,並對基於視窗的目標使用特定的視窗名稱。

以上是如何使用 JavaScript 在新視窗/標籤中開啟 URL?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn