jquery判断页面网址是否有效的两种方法


Posted in Javascript onDecember 11, 2016

方法一:(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>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
最短的IE判断var ie=!-[1,]分析
May 28 Javascript
node.js正则表达式获取网页中所有链接的代码实例
Jun 03 Javascript
jQuery实现的原图对比窗帘效果
Jun 15 Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
Aug 14 Javascript
chrome浏览器如何断点调试异步加载的JS
Sep 05 Javascript
JS防止网页被嵌入iframe框架的方法分析
Sep 13 Javascript
深入理解Node.js中通用基础设计模式
Sep 19 Javascript
jQuery选择器之子元素过滤选择器
Sep 28 jQuery
微信用户访问小程序的登录过程详解
Sep 20 Javascript
使用Vue.set()方法实现响应式修改数组数据步骤
Nov 09 Javascript
Vue组件模板及组件互相引用代码实例
Mar 11 Javascript
js+css3实现简单时钟特效
Sep 13 Javascript
JavaScript奇技淫巧44招【实用】
Dec 11 #Javascript
利用JS判断鼠标移入元素的方向
Dec 11 #Javascript
实现JavaScript高性能的数据存储
Dec 11 #Javascript
探索Javascript中this的奥秘
Dec 11 #Javascript
实例浅析js的this
Dec 11 #Javascript
解析js如何获取css样式
Dec 11 #Javascript
BootStrap轮播HTML代码(推荐)
Dec 10 #Javascript
You might like
php将会员数据导入到ucenter的代码
2010/07/18 PHP
php中Redis的应用--消息传递
2017/03/28 PHP
不用写JS也能使用EXTJS视频演示
2008/12/29 Javascript
Extjs 几个方法的讨论
2010/01/28 Javascript
jQuery Clone Bug解决代码
2010/12/22 Javascript
Javascript 页面模板化很多人没有使用过的方法
2012/06/05 Javascript
JS的get和set使用示例
2014/02/20 Javascript
基于jquery和svg实现超炫酷的动画特效
2014/12/09 Javascript
JavaScript中的console.group()函数详细介绍
2014/12/29 Javascript
javascript获取当前的时间戳的方法汇总
2015/07/26 Javascript
实例详解AngularJS实现无限级联动菜单
2016/01/15 Javascript
简单实现的JQuery文本框水印插件
2016/06/14 Javascript
BootStrap的table表头固定tbody滚动的实例代码
2016/08/24 Javascript
Ajax跨域实现代码(后台jsp)
2017/01/21 Javascript
JavaScript字符集编码与解码详谈
2017/02/02 Javascript
vue.js删除动态绑定的radio的指定项
2017/06/02 Javascript
基于LayUI分页和LayUI laypage分页的使用示例
2017/08/02 Javascript
webpack构建的详细流程探底
2018/01/08 Javascript
微信小程序实现发送模板消息功能示例【通过openid推送消息给用户】
2019/05/05 Javascript
JavaScript canvas实现雨滴特效
2021/01/10 Javascript
[02:44]完美大师赛主赛事淘汰赛第二日观众采访
2017/11/24 DOTA
安装Python的web.py框架并从hello world开始编程
2015/04/25 Python
轻松理解Python 中的 descriptor
2017/09/15 Python
python区块及区块链的开发详解
2019/07/03 Python
python查看文件大小和文件夹内容的方法
2019/07/08 Python
Python 获取 datax 执行结果保存到数据库的方法
2019/07/11 Python
python filecmp.dircmp实现递归比对两个目录的方法
2020/05/22 Python
CSS3 文字动画效果
2020/11/12 HTML / CSS
HTML5中使用json对象的实例代码
2018/09/10 HTML / CSS
swtich是否能作用在byte上,是否能作用在long上,是否能作用在String上?
2013/03/30 面试题
大学生军训感想
2014/02/16 职场文书
最经典的商业地产项目广告词
2014/03/13 职场文书
真诚的求职信
2014/07/04 职场文书
卖房授权委托书样本
2014/10/05 职场文书
保送生自荐信
2015/03/06 职场文书
售后服务质量承诺书
2015/04/29 职场文书