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

JavaScript 中的 `window.location.href` 和 `window.open()` 有什麼不同?

Susan Sarandon
發布: 2024-11-05 03:22:02
原創
856 人瀏覽過

What's the Difference Between `window.location.href` and `window.open()` in JavaScript?

微妙的區別:JavaScript 中的window.location.href 與window.open()

當涉及到瀏覽器導航和打開時新視窗中,JavaScript 提供了兩個必備工具:window.location.href 和window.open()。雖然這些方法具有相似的用途,但它們的功能有所不同。

window.location.href

window.location.href 其實不是一個方法,而是一個儲存瀏覽器目前 URL 的屬性。它主要用於檢索目前頁面的 URL。不過,您也可以設定 window.location.href 的值來變更瀏覽器的位置,從而有效地將頁面重新導向到新的 URL。

window.open()

相較之下,window.open() 是一種可以開啟新視窗或標籤並向其中載入指定URL 的方法。此方法採用單一參數,即您要開啟的 URL。透過傳遞不同的 URL,您可以使用不同的內容填入新視窗或分頁。

使用範例

說明其用法:

對於window.location.href:

<code class="javascript">window.location.href = 'http://www.example.com'; // Redirects to www.example.com</code>
登入後複製

<code class="javascript">window.open('http://www.example.com'); // Opens www.example.com in a new window</code>
登入後複製

  • 對於window.open():
額外積分 window.open() 允許您自訂新開啟的視窗的功能,例如其尺寸和位置。 window.open() 也可以用於開啟沒有 URL 的新窗口,讓您可以建立空白頁面。 兩種方法都適用於不同的瀏覽器和作業系統。

以上是JavaScript 中的 `window.location.href` 和 `window.open()` 有什麼不同?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板