在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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
javascript跟随滚动效果插件代码(javascript Follow Plugin)
这篇文章介绍了javascript跟随滚动效果插件代码(javascript Follow Plugin),有需要的朋友可以参考一下2013-08-08
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
这篇文章主要介绍了微信小程序scroll-view左侧导航栏点餐功能实现,点击种类,滚动到锚点;滚动到锚点,种类选中,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-06-06


最新评论