jquery判断页面网址是否有效的两种方法
更新时间:2016年12月11日 11:21:21 作者:Seven077
本文主要对jquery判断页面网址是否有效的两种方法:jQuery方法;AJAX XMLHTTP方法;需要的朋友可以参考借鉴下
方法一:(jQuery方法: 适用所有浏览器)
HTML页面:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> </head> <body> <a href="http://www.baidu.com/">【jquery检测链接有效性】</a> <a href="www.baidu.com/">【jquery检测链接有效性2】</a> //<script type="text/javascript" src="js/base.js"></script> </body> </html>
JS页面:
//判断地址有效性 $("body a").each(function(){ $(this).click(function(){ $.ajax({ url: $(this).attr("href"), type: 'GET', complete: function(response){ if(response.status == 404){ location.href="http://www.baidu.com/404.html"; alert('无效'); }else{ alert('有效'); } } }); }); });
方法二:(AJAX XMLHTTP方法: 使用ActiveXObject,所以仅支持IE,非IE内核浏览器不可用。)
<script type="text/javascript"> function chkurl(url) { var xmlhttp = new ActiveXObject( "Microsoft.XMLHTTP"); xmlhttp.open("GET",url,false); xmlhttp.send(); if(xmlhttp.readyState==4){ if(xmlhttp.Status != 200) alert("不存在") else alert("存在") } } </script> <a href="http://www.baidu.com/" onclick="javascript:return chkurl(this.href);">【ajax检测链接有效性】</a>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!
相关文章
EasyUI的treegrid组件动态加载数据问题的解决办法
最近涉及到treegrid组件的查询,需要根据查询条件动态更新EasyUI的treegrid组件的动态加载查询结果2011-12-12使用jquery-easyui的布局layout写后台管理页面的代码详解
这篇文章主要介绍了使用jquery-easyui的布局layout写后台管理页面的代码详解,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下2019-06-06Jquery on("click")方法绑定事件后执行多次的解决方法
这篇文章主要给大家介绍了关于Jquery on("click")方法绑定事件后执行多次的解决方法,文章通过实例代码以及图文介绍的非常详细,对大家学习或者使用jQuery具有一定的参考学习价值,需要的朋友可以参考下2023-06-06JQuery EasyUI 加载两次url的原因分析及解决方案
这篇文章主要介绍了JQuery EasyUI 加载两次url的原因分析及解决方案,需要的朋友可以参考下2014-08-08
最新评论