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 年版)的詳細內(nèi)容，更多關(guān)于JavaScipt驗證URL的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
JavaScript隊列、優(yōu)先隊列與循環(huán)隊列
這篇文章主要為大家詳細介紹了JavaScript隊列、優(yōu)先隊列與循環(huán)隊列的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
使用js實現(xiàn)按鈕控制文本框加1減1應(yīng)用于小時+分鐘
正如標(biāo)題所言使用js實現(xiàn)按鈕控制文本框加1減1，此類主要應(yīng)用于小時+分鐘，下面有個不錯的示例，喜歡的朋友可以參考下2013-12-12
下面小編就為大家?guī)硪黄狢anvas放置反彈效果隨機圖形(實例)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
本文主要介紹了原生js實現(xiàn)倒計時--2018的示例代碼，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
本文主要分享了原生JS實現(xiàn)圖片左右不停運動的完整示例代碼，可直接保存到HTML文檔打開可以查看效果。下面跟著小編一起來看下吧2016-12-12
window.location.href IE下跳轉(zhuǎn)失效的解決方法
這篇文章主要介紹了window.location.href IE下跳轉(zhuǎn)失效的解決方法,需要的朋友可以參考下2014-03-03
基于substring()和substr()的使用以及區(qū)別(實例講解)
下面小編就為大家分享一篇基于substring()和substr()的使用以及區(qū)別實例講解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
下面小編就為大家?guī)硪黄@取當(dāng)前按鈕或者html的ID名稱實例(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
JavaScript實現(xiàn)向OL列表內(nèi)動態(tài)添加LI元素的方法
這篇文章主要介紹了JavaScript實現(xiàn)向OL列表內(nèi)動態(tài)添加LI元素的方法,實例分析了javascript操作html元素的技巧,需要的朋友可以參考下2015-03-03
JavaScript sort數(shù)組排序方法和自我實現(xiàn)排序方法小結(jié)
這篇文章主要介紹了JavaScript sort數(shù)組排序方法和自我實現(xiàn)排序方法小結(jié)的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06