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