JavaScript使用URL.canParse驗證URL的方法詳解
更新時間：2023年12月13日 11:48:38 作者：程序員凌覽
JavaScript誕生以來,一直沒有一種簡單的方法驗證URL,現(xiàn)在JavaScript新增了一個新方法——URL.canParse,文中通過代碼示例和圖文介紹的非常詳細,需要的朋友可以參考下
JavaScript誕生以來，一直沒有一種簡單的方法驗證URL，現(xiàn)在JavaScript新增了一個新方法——URL.canParse。
URL.canParse('https://www.stefanjudis.com'); // true
URL.canParse('www.stefanjudis.com'); // false
URL.canParse() 是一種快速驗證字符串是否為有效的URL的方法。然而我們也不要高興太早，URL.canParse()方法還存在瀏覽器兼容問題，在寫這篇文章時支持該方法的瀏覽器版本如下圖：
這是詳情的瀏覽器支持信息鏈接：https://caniuse.com/?search=canParse%E3%80%82
不過core-js已支持URL.canParse()方法，使用core-js作為墊片可以解決瀏覽器兼容性問題。
URL.canParse() 與 URL() 構造函數(shù)是相同的算法來評估有效的 URL。
由于這兩種方法都實現(xiàn)了相同的解析器，并且URL() 目前得到了很好的支持，因此我們可以使用構造函數(shù)來驗證 URL。將新的URL() 放在輔助函數(shù)中，調用它并檢查它是否拋出異常！
function isUrlValid(string) {
try {
new URL(string);
return true;
} catch (err) {
return false;
}
}
isUrlValid('https://www.stefanjudis.com'); // true
isUrlValid('www.stefanjudis.com'); // false
如果不喜歡 isUrlValid 函數(shù)，也可以像 core-js 一樣 polyfill URL.canParse() 。
以上就是JavaScript使用URL.canParse驗證URL方法詳解的詳細內容，更多關于JavaScript驗證URL的資料請關注腳本之家其它相關文章！
相關文章
本篇文章是JS的一個網(wǎng)頁制作小技巧，應用在很多地方，通過JS改變HTML頁面的顏色，有興趣的學習下。2018-02-02
這篇文章主要介紹了JavaScript事件委托原理與用法,結合實例形式較為詳細的分析了JavaScript事件流以及事件委托相關原理、用法與操作注意事項,需要的朋友可以參考下2018-06-06
這篇文章主要介紹了JavaScript Ajax編程之應用篇，感興趣的朋友可以參考一下2016-07-07
本文通過實例代碼給大家介紹了bootstrap table樣式，非常不錯，具有參考借鑒價值，需要的的朋友參考下2017-01-01
JS基于FileSaver.js插件實現(xiàn)文件保存功能示例
這篇文章主要介紹了JS基于FileSaver.js插件實現(xiàn)文件保存功能,結合實例形式演示了FileSaver.js插件的具體使用技巧,需要的朋友可以參考下2016-12-12
nodejs讀取本地中文json文件出現(xiàn)亂碼解決方法
在本篇文章中我們給大家分享了關于nodejs讀取本地中文json文件出現(xiàn)亂碼的解決方法，需要的朋友們可以學習下。2018-10-10
傳統(tǒng)的javascript中只有對象,沒有類的概念,下面這篇文章主要給大家介紹了關于ES6?class類實現(xiàn)繼承的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-10-10
這篇文章主要介紹了前端精度丟失問題解決之后端Long類型到前端的處理策略,在Web開發(fā)中前后端數(shù)據(jù)類型不匹配尤其是Long類型數(shù)據(jù)到前端可能導致精度丟失,文章探討了此問題并提供三種解決方法,需要的朋友可以參考下2024-09-09
這篇文章主要為大家詳細介紹了移動端效果之Swiper的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
這篇文章主要介紹了antDesign 自定義分頁樣式的實現(xiàn)代碼，這里用到了自定義指令,如果大家用不到可以按照自己的實際效果開發(fā),本文通過實例代碼給大家詳細講解，需要的朋友可以參考下2022-10-10