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