验证URL是否合法,利用new URL + try catch

有一处小业务需要用户手动输入链接,需要验证链接是否合法,首先想到的肯定是正则验证,最近看到了new URL() 这个方法,试了一下 果然有效
而且new URL() 可以对一些错误链接(比如:后面就一个斜杠)进行修正

当然此方法有一些局限性,下面的链接应该被判断为错误

当然,从长久考虑 new URL()可能是为了兼容未来版本,毕竟以后可能会除了除 http 和 https 的其他合法超文本传输协议

在这里插入图片描述
基本写法如下:

try {
	let url = 'http://www.baidu.com'
    let obj = new URL(url)
    url = obj.href
} catch(err) {
    if(err){
        alert('请检查链接是否正确!')
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值