[TOC] <br/><br/><br/> # <b style="color:#4F4F4F;">簡介說明</b> 原文鏈接： - [url](https://github.com/nodejs/node/blob/main/doc/api/url.md) ``` 版本：url 作用：url 模塊用于處理與解析 URL ``` <br/> # <b style="color:#4F4F4F;">url</b> <br/> # <span style="color:#619BE4">*parse()</span> ***** 解析url返回URL對象 <br/> # <span style="color:#619BE4">*domainToASCII()</span> ***** 返回 Punycode ASCII 序列化的 domain。 如果 domain 是無效域名，則返回空字符串 <br/> # <span style="color:#619BE4">*domainToUnicode()</span> ***** 返回 Unicode 序列化的 domain。 如果 domain 是無效域名，則返回空字符串。 <br/> # <span style="color:#619BE4">*fileURLToPath()</span> ***** URL轉換成文件路徑 <br/> # <span style="color:#619BE4">*format()</span> ***** 自定義解析格式，通過參數設置 <br/> # <span style="color:#619BE4">*pathToFileURL()</span> ***** 此函數可確保 path 會被解析為絕對路徑，并在轉換為文件 URL 時正確編碼 URL 控制字符。 <br/> # <span style="color:#619BE4">*resolve()</span> ***** 拼合路徑返回絕對的URL路徑 <br/> # <b style="color:#4F4F4F;">url.URL</b> <br/> # <span style="color:#619BE4">[new]-URL()</span> ***** 瀏覽器兼容的 URL 類，根據 WHATWG URL 標準實現 <br/> ### 參數說明 <b style="color:#808080;">input:</b> * 類型：字符串 * 默認值：無 * 描述：要解析的絕對或相對的 URL * 可選值：[ ] <b style="color:#808080;">base:</b> * 類型：字符串 * 默認值：無 * 描述：如果 input 不是絕對路徑，則為要解析的基本 URL * 可選值：[ ] <br/> ### 示例內容 <span style="color:red;">1. 舉例說明</span> ``` ┌────────────────────────────────────────────────────────────────────────────────────────────────┐ │ href │ ├──────────┬──┬─────────────────────┬────────────────────────┬───────────────────────────┬───────┤ │ protocol │ │ auth │ host │ path │ hash │ │ │ │ ├─────────────────┬──────┼──────────┬────────────────┤ │ │ │ │ │ hostname │ port │ pathname │ search │ │ │ │ │ │ │ │ ├─┬──────────────┤ │ │ │ │ │ │ │ │ │ query │ │ " https: // user : pass @ sub.example.com : 8080 /p/a/t/h ? query=string #hash " │ │ │ │ │ hostname │ port │ │ │ │ │ │ │ │ ├─────────────────┴──────┤ │ │ │ │ protocol │ │ username │ password │ host │ │ │ │ ├──────────┴──┼──────────┴──────────┼────────────────────────┤ │ │ │ │ origin │ │ origin │ pathname │ search │ hash │ ├─────────────┴─────────────────────┴────────────────────────┴──────────┴────────────────┴───────┤ │ href │ └────────────────────────────────────────────────────────────────────────────────────────────────┘ ``` <br/> # <span style="color:#619BE4">hash</span> ***** 獲取及設置 URL 的片段部分 <br/> # <span style="color:#619BE4">host</span> ***** 獲取及設置 URL 的主機部分 <br/> # <span style="color:#619BE4">hostname</span> ***** 獲取及設置 URL 的主機名部分。 url.host 和 url.hostname 之間的區別是 url.hostname 不包含端口 <br/> # <span style="color:#619BE4">href</span> ***** 獲取及設置序列化的 URL <br/> # <span style="color:#619BE4">origin</span> ***** 獲取只讀的序列化的 URL 的 origin <br/> # <span style="color:#619BE4">password</span> ***** 獲取及設置 URL 的密碼部分 <br/> # <span style="color:#619BE4">pathname</span> ***** 獲取及設置 URL 的路徑部分。 <br/> # <span style="color:#619BE4">port</span> ***** 獲取及設置 URL 的端口部分。 <br/> # <span style="color:#619BE4">protocol</span> ***** 獲取及設置 URL 的協議部分 <br/> # <span style="color:#619BE4">search</span> ***** 獲取及設置 URL 的序列化查詢部分 <br/> # <span style="color:#619BE4">searchParams</span> ***** 獲取表示 URL 查詢參數的 URLSearchParams 對象 <br/> ### 返回類型 ``` URLSearchParams ``` <br/> # <span style="color:#619BE4">username</span> ***** 獲取及設置 URL 的用戶名部分 <br/> # <span style="color:#619BE4">toString()</span> ***** 在 URL 對象上調用 toString() 方法將返回序列化的 URL <br/> # <span style="color:#619BE4">toJSON()</span> ***** URL 對象上調用 toJSON() 方法將返回序列化的 URL <br/> # <b style="color:#4F4F4F;">url.URLSearchParams</b> <br/> # <span style="color:#619BE4">[new]-URLSearchParams()</span> ***** 提供對 URL 查詢部分的讀寫權限，和 querystring 模塊有相似的目的 <br/> # <span style="color:#619BE4">append()</span> ***** 在查詢字符串中附加一個新的鍵值對 <br/> # <span style="color:#619BE4">delete()</span> ***** 刪除所有鍵為name的鍵值對。 <br/> # <span style="color:#619BE4">entries()</span> ***** 在查詢中的每個鍵值對上返回一個 ES6 Iterator <br/> # <span style="color:#619BE4">forEach()</span> ***** 在查詢字符串中迭代每個鍵值對，并調用給定的函數 <br/> # <span style="color:#619BE4">get()</span> ***** 返回鍵是name的第一個鍵值對的值。如果沒有對應的鍵值對，則返回null。 <br/> # <span style="color:#619BE4">getAll()</span> ***** 返回鍵是name的所有鍵值對的值，如果沒有滿足條件的鍵值對，則返回一個空的數組。 <br/> # <span style="color:#619BE4">has()</span> ***** 如果存在至少一對鍵是 name 的鍵值對則返回 true。 <br/> # <span style="color:#619BE4">keys()</span> ***** 在每一個鍵值對上返回一個鍵的 ES6 Iterator。 <br/> # <span style="color:#619BE4">set()</span> ***** 將 URLSearchParams 對象中與 name 相對應的值設置為 value <br/> # <span style="color:#619BE4">sort()</span> ***** 按現有名稱就地排列所有的名稱-值對 <br/> # <span style="color:#619BE4">toString()</span> ***** 返回查詢參數序列化后的字符串，必要時存在百分號編碼字符。 <br/> # <span style="color:#619BE4">values()</span> ***** 在每一個鍵值對上返回一個值的 ES6 Iterator。 <br/>