小編給大家分享一下window.URL對象的使用方法是什么，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)于2013年開始，我們提供高端網站建設、微信小程序開發(fā)、電商視覺設計、成都app軟件開發(fā)及網絡營銷搜索優(yōu)化服務，在傳統(tǒng)互聯(lián)網與移動互聯(lián)網發(fā)展的背景下，我們堅守著用標準的設計方案與技術開發(fā)實力作基礎，以企業(yè)及品牌的互聯(lián)網商業(yè)目標為核心，為客戶打造具商業(yè)價值與用戶體驗的互聯(lián)網+產品。

1 window.URL是干嘛的？

window對象的URL對象是專門用來將blob或者file讀取成一個url的。

window.URL.createObjectURL(file / blob)

這個url可以用在html的任何可以使用url的地方，比如img的src ; audio/video的src和source標簽等。
所有能在瀏覽器中顯示的圖片、音頻、視頻等都是可以用url轉換成一個url對象的，這個對象一旦被src引用，就會顯示出來。

那么這些file或者blob來自于哪里呢？可以是在本地硬盤中通過<input type='file'>選擇的文件，也可以是通過ajax請求后某個不知名的服務器請求到內存的。

問題： 如果一個img標簽的src屬性是一個excel文件轉換成的url對象，那會發(fā)生什么？

我想img肯定將它讀不出來，因為會img標簽會檢測文件類型。

2.URL構造函數將普通url轉換成URL對象

除了可以將一個文件或者blob轉化成一個Url對象，還可以將一個url字符串轉換成一個URL對象

// https://cn.bing.com?id=123
var parsedUrl = new URL('https://cn.bing.com?id=123v');
console.log('parsedUrl' , parsedUrl, parsedUrl.searchParams.get("id")); // 123
console.log('parsedUrl' , parsedUrl.toString(), parsedUrl.searchParams.set("name" , 'alexandra')); // https://cn.bing.com/?id=123v&name=alexandra

searchParams屬性返回一個URLSearchParams對象，這樣就可以對url對象中的參數進行遍歷或者其他操作

var urlSearchParams = URL.searchParams;

3.URL實例對象的toString()方法

URL的toString()方法可以將URL轉換成url字符串，且:

URL.toString() === URL.href

// http://www.example.com/démonstration.html
let url = new URL('http://www.example.com/démonstration.html')
let test = url.toString() === url.href;
console.log('url.href', url.href, 'url.toString()' , url.toString() , 'test' , test);
// url.href http://www.example.com/d%C3%A9monstration.html url.toString() http://www.example.com/d%C3%A9monstration.html test true

https://developer.mozilla.org...

4.URL對象靜態(tài)方法createObjectURL(object)

URL.createObjectURL(object)是URL 對象的靜態(tài)方法，用于創(chuàng)建一個DOMString（is a UTF-16 string），其實就是返回了一個在內存中指向傳入參數object的引用路徑url字符串。
生成的這個url字符串會在當前頁面的document被銷毀的時候失效。

objectURL = URL.createObjectURL(object);

object
A File, Blob or MediaSource object to create an object URL for.

return
A DOMString containing an object URL that can be used to reference the contents of the specified source object.

https://developer.mozilla.org...

5.URL對象靜態(tài)方法revokeObjectURL(objectURL)

URL對象的靜態(tài)方法revokeObjectURL()用于銷毀之前通過URL.createObjectURL(object)方法創(chuàng)建的url。
一旦調用這個方法就表示告訴瀏覽器不再保存之前被創(chuàng)建的那個url了。 在revokeObjectURL(objectURL)之后，再次使用該url，會報錯，因為該url已經被銷毀，無法使用了。

window.URL.revokeObjectURL(objectURL);

objectURL
A DOMString representing a object URL that was previously created by calling createObjectURL().

return 
ubdefined

看完了這篇文章，相信你對window.URL對象的使用方法是什么有了一定的了解，想了解更多相關知識，歡迎關注創(chuàng)新互聯(lián)網站制作公司行業(yè)資訊頻道，感謝各位的閱讀！

網頁標題：window.URL對象的使用方法是什么-創(chuàng)新互聯(lián)
URL鏈接：http://chinadenli.net/article26/dgphcg.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供移動網站建設、網站營銷、網站內鏈、網站建設、ChatGPT、用戶體驗

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)