JavaScipt驗證URL新方法詳解(2023 年版)
JavaScipt驗證URL方法
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。
不過core-js已支持URL.canParse()方法,使用core-js作為墊片可以解決瀏覽器兼容性問題。

URL.canParse() 與 URL() 構(gòu)造函數(shù)是相同的算法來評估有效的 URL。
由于這兩種方法都實現(xiàn)了相同的解析器,并且URL() 目前得到了很好的支持,因此我們可以使用構(gòu)造函數(shù)來驗證 URL。將新的URL() 放在輔助函數(shù)中,調(diào)用它并檢查它是否拋出異常!
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() 。
以上就是JavaScipt驗證URL新方法詳解(2023 年版)的詳細(xì)內(nèi)容,更多關(guān)于JavaScipt驗證URL的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
Javascript 更新 JavaScript 數(shù)組的 uniq 方法
2008-01-01
javascript 具名函數(shù)的四種調(diào)用方式 推薦
看四種方式執(zhí)行結(jié)果沒有區(qū)別。但如果函數(shù)有返回值的話,用new方式調(diào)用時可能會讓你有些失望。2009-07-07
js實現(xiàn)兼容性好的微軟官網(wǎng)導(dǎo)航下拉菜單效果
這篇文章主要介紹了js實現(xiàn)兼容性好的微軟官網(wǎng)導(dǎo)航下拉菜單效果,涉及JavaScript基于鼠標(biāo)事件實現(xiàn)頁面樣式變換的技巧,非常具有實用價值,需要的朋友可以參考下2015-09-09
js動態(tài)添加刪除,后臺取數(shù)據(jù)(示例代碼)
這篇文章主要是對js動態(tài)添加刪除,后臺取數(shù)據(jù)(示例代碼)進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11
情人節(jié)單身的我是如何在敲完代碼之后收到12束玫瑰的(javascript)
這篇文章主要介紹了情人節(jié)單身的我是如何在敲完代碼之后收到12束玫瑰的,感興趣的朋友一起來學(xué)習(xí)下2015-08-08

