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