?

把location 創建URL對象

構造器

new URL()

創建并返回一個URL對象，該URL對象引用使用絕對URL字符串，相對URL字符串和基本URL字符串指定的URL。

屬性

hash

包含'#'的USVString，后跟URL的片段標識符。

host

一個USVString，其中包含域（即主機名），后跟（如果指定了端口）“：”和URL的端口。

hostname

包含 URL 域名的?USVString。

href

包含完整 URL 的?USVString。

origin?只讀

返回一個包含協議名、域名和端口號的?USVString。

password

包含在域名前面指定的密碼的 ?USVString?。

pathname

以 '/' 起頭緊跟著 URL 文件路徑的?DOMString。

port

包含 URL 端口號的?USVString。

protocol

包含 URL 協議名的?USVString，末尾帶?':'。

search

一個USVString?，指示URL的參數字符串； 如果提供了任何參數，則此字符串包括所有參數，并以開頭的“？”開頭 字符。

searchParams?只讀

URLSearchParams對象，可用于訪問search中找到的各個查詢參數。

username

包含在域名前面指定的用戶名的?USVString。

例如

new URL(location.href).searchParams.get('year') // Returns 2008 for href = "http://localhost/search.php?year=2008". // Or in two steps: const params = new URL(location.href).searchParams; const year = params.get('year'); URLSearchParams.append() // 插入一個指定的鍵/值對作為新的搜索參數。 URLSearchParams.delete() // 從搜索參數列表里刪除指定的搜索參數及其對應的值。 URLSearchParams.entries() // 返回一個iterator可以遍歷所有鍵/值對的對象。 URLSearchParams.get() // 獲取指定搜索參數的第一個值。 URLSearchParams.getAll() // 獲取指定搜索參數的所有值，返回是一個數組。 URLSearchParams.has() // 返回 Boolean 判斷是否存在此搜索參數。 URLSearchParams.keys() // 返回iterator 此對象包含了鍵/值對的所有鍵名。 URLSearchParams.set() // 設置一個搜索參數的新值，假如原來有多個值將刪除其他所有的值。 URLSearchParams.sort() // 按鍵名排序。 URLSearchParams.toString() // 返回搜索參數組成的字符串，可直接使用在URL上。 URLSearchParams.values() // 返回iterator 此對象包含了鍵/值對的所有值。

?

?

總結

以上是生活随笔為你收集整理的js 操作location URL对象进行操作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。