在JavaScript中验证URL的新方法(2023版)
在 JavaScript 领域，URL 验证方面有了新消息！多年来，人们一直在咒骂 JavaScript 没有一种简便的方法来验证 URL，现在有了一种新方法--URL.canParse()！
URL.canParse("https://www.stefanjudis.com"); // true
URL.canParse("www.stefanjudis.com"); // false哈利路亚！URL.canParse() 是一种快速判断字符串是否为有效 URL 的方法。但在我们兴奋之前，在撰写本篇文章时，URL.canParse() 并不支持跨浏览器。不过你可以在下面找到最新的浏览器支持信息。
不过，静态方法已经包含在 core-js 中。填充漂亮的 URL 验证一行代码很困难吗？事实证明，不是！
URL.canParse() 依靠与 URL() 构造函数相同的算法来评估有效的 URL。
由于这两种方法都实现了相同的解析器，而且 URL() 目前也得到了很好的支持，因此可以按照一般建议使用构造函数来验证 URL。将 new 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 的 polyfillURL.canParse()。
唯一剩下的问题是“什么是有效的 URL？”但我将把这个问题留到下次讨论！因为这是个棘手的问题。
原文：https://www.stefanjudis.com/blog/validate-urls-in-javascript/
到此这篇关于在JavaScript中验证URL的新方法(2023版)的文章就介绍到这了,更多相关JavaScript 验证URL内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
详谈js中window.location.search的用法和作用
下面小编就为大家带来一篇详谈js中window.location.search的用法和作用。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
IE6中使用position导致页面变形的解决方案(js代码)
IE6中使用position导致页面变形，影响用户体验，通过搜索可以通过js来实现。2011-01-01
这篇文章主要给大家介绍了关于在ts文件中引入js模块编写声明文件的写法示例,TypeScript是JavaScript的超集,TypeScript会进类型检查,需要的朋友可以参考下2023-08-08
这篇文章主要为大家详细介绍了如何使用echarts实现3d柱状图和折线图,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的小伙伴可以了解一下2024-12-12
前端如何根据后端返回的文本流逐个展示文本内容的实现步骤,前端调用特定方法来获取文本流,然后通过处理这些文本流,逐个在界面上展示文本内容,需要的朋友可以参考下2025-01-01
在前端开发中,图片上传是非常常见的功能,尤其是在用户头像设置、商品图上传等场景中,我们往往还需要在上传前提供裁剪功能,在此博主将详细讲解如何在前端实现一个“图片裁剪上传”的完整流程,需要的朋友可以参考下2025-05-05
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码2009-12-12
JS写XSS cookie stealer来窃取密码的步骤详解
JavaScript是web中最常用的脚本开发语言，js可以自动执行站点组件，管理站点内容，在web业内实现其他有用的函数。这篇文章主要介绍了JS写XSS cookie stealer来窃取密码的步骤详解,需要的朋友可以参考下2017-11-11
最近公司有一个项目的需要做出旋钮的效果，旋钮有十个档，根据手指旋转切换，旋转时接近最近的档会有吸附效果。这篇文章主要介绍了vue实现移动端圆形旋钮插件效果 ,需要的朋友可以参考下2018-11-11
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser...2007-11-11
最新评论