使用JavaScript检测链接的有效性

发布时间：2024-01-05  栏目：建站知识   浏览：   分类：js教程

要判断一个链接是否有效，可以使用JavaScript的`fetch`函数发起请求。首先，创建一个函数，接收一个链接作为参数。然后，使用`fetch`函数发起请求，设置`method`为`HEAD`，这样可以只获取HTTP头部信息，不下载整个页面。最后，检查响应的状态码是否在200-399之间，如果是，则表示链接有效；否则，表示链接无效。 代码如下： ```javascript async function isLinkValid(url) { try { const response = await fetch(url, { method: 'HEAD' }); return response.status >= 200 && response.status < 400; } catch (error) { console.error('Error:', error); return false; } } ```

方法一: JS的XMLHTTP方法

<scriptlanguage="javascript">functiongetURL(url){varxmlhttp=newActiveXObject("Microsoft.XMLHTTP");xmlhttp.open("GET",url,false);xmlhttp.send();if(xmlhttp.readyState==4){if(xmlhttp.Status!=200)alert("不存在");returnxmlhttp.Status==200;}returnfalse;}</script><ahref="http://www.caijicaiji.com/"onclick="returngetURL(this.href)">菜鸡源码</a>

缺点: 使用ActiveXObject, 所以是IE Only. 非IE内核浏览器不可用.

方法二: jQuery的AJAX方法

如果针对一个具体的URL，光用jQuery，不需要插件可以这样：

$.ajax({url:'http://www.caijicaiji.com/',type:'GET',complete:function(response){if(response.status==200){alert('有效');}else{alert('无效');}}});

所以最后菜鸡源码推荐使用第二种方法兼容性比较高。