JavaScript使用URL.canParse验证URL的方法详解
更新时间：2023年12月13日 11:48:38 作者：程序员凌览
JavaScript诞生以来,一直没有一种简单的方法验证URL,现在JavaScript新增了一个新方法——URL.canParse,文中通过代码示例和图文介绍的非常详细,需要的朋友可以参考下
JavaScript诞生以来，一直没有一种简单的方法验证URL，现在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() 构造函数是相同的算法来评估有效的 URL。
由于这两种方法都实现了相同的解析器，并且URL() 目前得到了很好的支持，因此我们可以使用构造函数来验证 URL。将新的URL() 放在辅助函数中，调用它并检查它是否抛出异常！
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 函数，也可以像 core-js 一样 polyfill URL.canParse() 。
以上就是JavaScript使用URL.canParse验证URL方法详解的详细内容，更多关于JavaScript验证URL的资料请关注脚本之家其它相关文章！
相关文章
本篇文章是JS的一个网页制作小技巧，应用在很多地方，通过JS改变HTML页面的颜色，有兴趣的学习下。2018-02-02
这篇文章主要介绍了JavaScript事件委托原理与用法,结合实例形式较为详细的分析了JavaScript事件流以及事件委托相关原理、用法与操作注意事项,需要的朋友可以参考下2018-06-06
这篇文章主要介绍了JavaScript Ajax编程之应用篇，感兴趣的朋友可以参考一下2016-07-07
本文通过实例代码给大家介绍了bootstrap table样式，非常不错，具有参考借鉴价值，需要的的朋友参考下2017-01-01
这篇文章主要介绍了JS基于FileSaver.js插件实现文件保存功能,结合实例形式演示了FileSaver.js插件的具体使用技巧,需要的朋友可以参考下2016-12-12
在本篇文章中我们给大家分享了关于nodejs读取本地中文json文件出现乱码的解决方法，需要的朋友们可以学习下。2018-10-10
传统的javascript中只有对象,没有类的概念,下面这篇文章主要给大家介绍了关于ES6 class类实现继承的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-10-10
这篇文章主要介绍了前端精度丢失问题解决之后端Long类型到前端的处理策略,在Web开发中前后端数据类型不匹配尤其是Long类型数据到前端可能导致精度丢失,文章探讨了此问题并提供三种解决方法,需要的朋友可以参考下2024-09-09
这篇文章主要为大家详细介绍了移动端效果之Swiper的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
这篇文章主要介绍了antDesign 自定义分页样式的实现代码，这里用到了自定义指令,如果大家用不到可以按照自己的实际效果开发,本文通过实例代码给大家详细讲解，需要的朋友可以参考下2022-10-10
最新评论