JavaScript使用URL.canParse驗證URL的方法詳解
更新時間：2023年12月13日 11:48:38 作者：程序員凌覽
JavaScript誕生以來,一直沒有一種簡單的方法驗證URL,現(xiàn)在JavaScript新增了一個新方法——URL.canParse,文中通過代碼示例和圖文介紹的非常詳細(xì),需要的朋友可以參考下
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%E3%80%82
不過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() 。
以上就是JavaScript使用URL.canParse驗證URL方法詳解的詳細(xì)內(nèi)容，更多關(guān)于JavaScript驗證URL的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
Three.js利用Detector.js插件如何實現(xiàn)兼容性檢測詳解
這篇文章主要給大家介紹了關(guān)于Three.js利用Detector.js插件如何實現(xiàn)兼容性檢測的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。2017-09-09
replace() 方法的參數(shù) replacement 可以是函數(shù)而不是字符串。在這種情況下，每個匹配都調(diào)用該函數(shù)，它返回的字符串將作為替換文本使用2012-11-11
之前有一篇博客，實用的焦點圖切換效果，結(jié)構(gòu)行為相分離 解釋的比較詳細(xì)，腳本是分離式的，但在易用性和重用性方面并不理想，這里原作者進行了，優(yōu)化。2010-07-07
javascript中for...of和for..in循環(huán)的區(qū)別
JS中循環(huán)語句眾多，你是否也有用的時候突然不知道用哪個的經(jīng)歷，本文主要介紹了javascript中for...of和for..in循環(huán)的區(qū)別，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
這篇文章主要給大家介紹了關(guān)于JavaScript對象詳解之js對象屬性的添加的相關(guān)資料,在JavaScript中對象是通過鍵值對來存儲數(shù)據(jù)的一種數(shù)據(jù)類型,可以通過直接給對象添加屬性的方式來增加對象的屬性,需要的朋友可以參考下2023-07-07
在移動web開發(fā)中和pc端不同的是，手機的輸入是軟鍵盤，這樣就會有個問題，那就是當(dāng)有輸入的時候，鍵盤彈起來，整個頁面難免會發(fā)生變化。怎么解決這個問題呢？下面腳本之家小編給大家分享JS解決移動web開發(fā)手機輸入框彈出的問題2017-03-03
前進后退實現(xiàn)的前提是：images文件夾下圖片的命名是從1~5.jpg有規(guī)律的，感興趣的朋友可以參考下哈，希望可以幫助到你2013-04-04
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)鼠標(biāo)按下拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07
微信小程序開發(fā)之錄音機 音頻播放 動畫實例 (真機可用)
這篇文章主要介紹了微信小程序開發(fā)之錄音機 音頻播放 動畫實例 (真機可用)，這里整理了詳細(xì)的代碼,有需要的小伙伴可以參考下。2016-12-12
這篇文章主要介紹了JS 替換和時間插件的結(jié)合使用代碼，需要的朋友可以參考下2013-07-07