JavaScipt驗(yàn)證URL新方法詳解(2023 年版)
JavaScipt驗(yàn)證URL方法
JavaScript誕生以來,一直沒有一種簡(jiǎn)單的方法驗(yàn)證URL,現(xiàn)在JavaScript新增了一個(gè)新方法——URL.canParse。
URL.canParse('https://www.stefanjudis.com'); // true URL.canParse('www.stefanjudis.com'); // false
支持該方法的瀏覽器版本
URL.canParse()
是一種快速驗(yàn)證字符串是否為有效的URL的方法。然而我們也不要高興太早,URL.canParse()
方法還存在瀏覽器兼容問題,在寫這篇文章時(shí)支持該方法的瀏覽器版本如下圖:
這是詳情的瀏覽器支持信息鏈接:https://caniuse.com/?search=canParse。
不過core-js已支持URL.canParse()
方法,使用core-js作為墊片可以解決瀏覽器兼容性問題。
URL.canParse()
與 URL()
構(gòu)造函數(shù)是相同的算法來評(píng)估有效的 URL。
由于這兩種方法都實(shí)現(xiàn)了相同的解析器,并且URL()
目前得到了很好的支持,因此我們可以使用構(gòu)造函數(shù)來驗(yàn)證 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驗(yàn)證URL新方法詳解(2023 年版)的詳細(xì)內(nèi)容,更多關(guān)于JavaScipt驗(yàn)證URL的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
Javascript 更新 JavaScript 數(shù)組的 uniq 方法
2008-01-01javascript 具名函數(shù)的四種調(diào)用方式 推薦
看四種方式執(zhí)行結(jié)果沒有區(qū)別。但如果函數(shù)有返回值的話,用new方式調(diào)用時(shí)可能會(huì)讓你有些失望。2009-07-07js實(shí)現(xiàn)兼容性好的微軟官網(wǎng)導(dǎo)航下拉菜單效果
這篇文章主要介紹了js實(shí)現(xiàn)兼容性好的微軟官網(wǎng)導(dǎo)航下拉菜單效果,涉及JavaScript基于鼠標(biāo)事件實(shí)現(xiàn)頁面樣式變換的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-09-09不使用jquery實(shí)現(xiàn)js打字效果示例分享
js打字效果示例js打字效果示例,data-period設(shè)置從打字返回刪字的時(shí)間,data-rotate可加減中英文詞語,不用jquery支持2014-01-01js動(dòng)態(tài)添加刪除,后臺(tái)取數(shù)據(jù)(示例代碼)
這篇文章主要是對(duì)js動(dòng)態(tài)添加刪除,后臺(tái)取數(shù)據(jù)(示例代碼)進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-11-11情人節(jié)單身的我是如何在敲完代碼之后收到12束玫瑰的(javascript)
這篇文章主要介紹了情人節(jié)單身的我是如何在敲完代碼之后收到12束玫瑰的,感興趣的朋友一起來學(xué)習(xí)下2015-08-08