首頁 > web前端 > js教程 > 主體

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

Barbara Streisand
發布: 2024-10-21 21:23:30
原創
717 人瀏覽過

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中文網其他相關文章!

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!