在JavaScript中驗(yàn)證URL的新方法(2023版)
在 JavaScript 領(lǐng)域,URL 驗(yàn)證方面有了新消息!多年來,人們一直在咒罵 JavaScript 沒有一種簡(jiǎn)便的方法來驗(yàn)證 URL,現(xiàn)在有了一種新方法--URL.canParse()!
URL.canParse("https://www.stefanjudis.com"); // true
URL.canParse("www.stefanjudis.com"); // false哈利路亞!URL.canParse() 是一種快速判斷字符串是否為有效 URL 的方法。但在我們興奮之前,在撰寫本篇文章時(shí),URL.canParse() 并不支持跨瀏覽器。不過你可以在下面找到最新的瀏覽器支持信息。

不過,靜態(tài)方法已經(jīng)包含在 core-js 中。填充漂亮的 URL 驗(yàn)證一行代碼很困難嗎?事實(shí)證明,不是!
URL.canParse() 依靠與 URL() 構(gòu)造函數(shù)相同的算法來評(píng)估有效的 URL。
由于這兩種方法都實(shí)現(xiàn)了相同的解析器,而且 URL() 目前也得到了很好的支持,因此可以按照一般建議使用構(gòu)造函數(shù)來驗(yàn)證 URL。將 new URL() 放在輔助函數(shù)中,檢查它是否會(huì)拋出異常并將其調(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 的 polyfillURL.canParse()。
唯一剩下的問題是“什么是有效的 URL?”但我將把這個(gè)問題留到下次討論!因?yàn)檫@是個(gè)棘手的問題。
原文:https://www.stefanjudis.com/blog/validate-urls-in-javascript/
到此這篇關(guān)于在JavaScript中驗(yàn)證URL的新方法(2023版)的文章就介紹到這了,更多相關(guān)JavaScript 驗(yàn)證URL內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript數(shù)組去重算法實(shí)例小結(jié)
這篇文章主要介紹了JavaScript數(shù)組去重算法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript數(shù)組去重相關(guān)的讀寫、遍歷、比較、排序等操作及算法改進(jìn)相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-05-05
javascript跟隨滾動(dòng)效果插件代碼(javascript Follow Plugin)
這篇文章介紹了javascript跟隨滾動(dòng)效果插件代碼(javascript Follow Plugin),有需要的朋友可以參考一下2013-08-08
微信小程序scroll-view實(shí)現(xiàn)滾動(dòng)到錨點(diǎn)左側(cè)導(dǎo)航欄點(diǎn)餐功能(點(diǎn)擊種類,滾動(dòng)到錨點(diǎn))
這篇文章主要介紹了微信小程序scroll-view左側(cè)導(dǎo)航欄點(diǎn)餐功能實(shí)現(xiàn),點(diǎn)擊種類,滾動(dòng)到錨點(diǎn);滾動(dòng)到錨點(diǎn),種類選中,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-06
整理JavaScript創(chuàng)建對(duì)象的八種方法
JavaScript創(chuàng)建對(duì)象的方法有很多種,本文給大家介紹javascript創(chuàng)建對(duì)象的八種方法,對(duì)javascript創(chuàng)建對(duì)象感興趣的朋友可以參考下本篇文章2015-11-11
關(guān)于Javascript加載執(zhí)行優(yōu)化的研究報(bào)告
這篇文章主要介紹了關(guān)于Javascript加載執(zhí)行優(yōu)化的研究報(bào)告,需要的朋友可以參考下2014-12-12

