Pathname屬性
這個屬性是指獲得傳入url的第一個斜杠(/) 后面除參數(shù)外的部分，例如：
const url = new URL ("https://www.grapecity.com.cn/developer/spreadjs#price")
console.log(url.pathname);
Port屬性
Port屬性是指可以獲得傳入Url地址的端口值，這個屬性也是可寫的。
const url = new URL('http://huozige.grapecity.com.cn:8080/功能演示');
console.log(url.port);
Protocol屬性
可以獲得傳入Url地址參數(shù)的協(xié)議名，一般是指類似http:，https:，ftp:，file:等這樣的協(xié)議。
const url = new URL('https://www.grapecity.com.cn/');
console.log(url.protocol);
Search屬性
可以獲得傳入Url地址參數(shù)？后的部分，但該屬性只能獲得整個查詢字符串，如若需要了解各個參數(shù)的值，可以使用searchParams屬性。
const url = new URL('https://www.grapecity.com.cn:443?key1=value1&key2=value2');
console.log(url.search);
searchParams屬性
search屬性只為我們獲取了整個參數(shù)字符串，如果有把字符串解析為鍵值對，這時候searchParams屬性就派上了用場，該屬性將獲得一個URLSearchParams對象，該對象具有列出查詢字符串鍵值對列表的能力，例如，要獲取參數(shù)列表，我們可以這樣使用。
const url = new URL（' https://www.grapecity.com.cn/?key1=value1&key2=value2'）;
console.log（url.searchParams.get（'key1'））;
console.log（url.searchParams.get（'key2'））;
從第一個console.log語句中獲得value1，從第二個console.log語句中獲得value2。URLSearchParams對象有一個get方法，通過鍵名獲取給定查詢字符串鍵的值。
靜態(tài)方法
URL構造函數(shù)里有2個靜態(tài)方法，它有createObjectURL()方法和revokeObjectURL()方法。
URL.createObjectURL()靜態(tài)方法會創(chuàng)建一個 DOMString，其中包含一個表示參數(shù)中給出的對象的URL。這個 URL 的生命周期和創(chuàng)建它的窗口中的 document 綁定。這個新的URL 對象表示指定的 File 對象或 Blob 對象。
URL.revokeObjectURL()方法會釋放一個通過URL.createObjectURL()創(chuàng)建的對象URL. 當你要已經(jīng)用過了這個對象URL,然后要讓瀏覽器知道這個URL已經(jīng)不再需要指向對應的文件的時候,就需要調用這個方法。
總結
最后為大家?guī)硪粡埍?，希望能更好的幫助大家通覽
有了URL對象，操縱和從URL中提取部分不再是一件痛苦的事情，因為我們不必自己編寫所有代碼來完成這項工作。大多數(shù)瀏覽器的標準庫中都內置了URL對象?，F(xiàn)在我們可以將URL作為字符串傳遞給URL構造函數(shù)并創(chuàng)建URL的實例。然后，我們可以使用方便的值屬性和方法來操作并獲得我們想要的URL部分。
本文轉載自：https://www.cnblogs.com/powertoolsteam/p/urlobject.html
相關教程推薦：JavaScript視頻教程
更多關于云服務器，域名注冊，虛擬主機的問題，請訪問西部數(shù)碼官網(wǎng)：m.ps-sw.cn
