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 相关文章推荐
用javascript做拖动布局的思路
May 31 Javascript
写js时遇到的一些小问题
Dec 06 Javascript
基于Jquery的开发个代阴影的对话框效果代码
Jul 28 Javascript
JQuery中SetTimeOut传参问题探讨
May 10 Javascript
js获取或设置当前窗口url参数的小例子
Oct 14 Javascript
jQuery中extend函数详解
Feb 13 Javascript
JS获取文件大小方法小结
Dec 08 Javascript
JS组件Bootstrap Select2使用方法解析
May 30 Javascript
ES6入门教程之Array.from()方法
Mar 23 Javascript
Javascript的this详解
Mar 23 Javascript
通过实例讲解JS如何防抖动
Jun 15 Javascript
vue 的 solt 子组件过滤过程解析
Sep 07 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中构造函数和析构函数解析
2014/10/10 PHP
php基于dom实现读取图书xml格式数据的方法
2017/02/03 PHP
Laravel框架模板继承操作示例
2018/06/11 PHP
动态样式类封装JS代码
2009/09/02 Javascript
JavaScript 利用Cookie记录用户登录信息
2009/12/08 Javascript
JavaScript去掉空格的方法集合
2010/12/28 Javascript
8款非常棒的响应式jQuery 幻灯片插件推荐
2012/02/02 Javascript
js自定义事件及事件交互原理概述(一)
2013/02/01 Javascript
详解JavaScript语法对{}处理的坑爹之处
2014/06/05 Javascript
JS运动基础框架实例分析
2015/03/03 Javascript
使用ajaxfileupload.js实现上传文件功能
2016/08/13 Javascript
浅析JS中对函数function的理解(基础篇)
2016/10/14 Javascript
使用微信小程序开发前端【快速入门】
2016/12/05 Javascript
js 作用域和变量详解
2017/02/16 Javascript
浅谈ECMAScript6新特性之let、const
2017/08/02 Javascript
前端开发不得不知的10个最佳ES6特性
2017/08/30 Javascript
[51:05]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第一局
2016/03/06 DOTA
Python3处理HTTP请求的实例
2018/05/10 Python
Python中常用的8种字符串操作方法
2019/05/06 Python
Python 获取ftp服务器文件时间的方法
2019/07/02 Python
Python可变参数会自动填充前面的默认同名参数实例
2019/11/18 Python
简单了解Python3 bytes和str类型的区别和联系
2019/12/19 Python
python使用docx模块读写docx文件的方法与docx模块常用方法详解
2020/02/17 Python
解决在keras中使用model.save()函数保存模型失败的问题
2020/05/21 Python
六种酷炫Python运行进度条效果的实现代码
2020/07/17 Python
Pytest单元测试框架如何实现参数化
2020/09/05 Python
python 实时调取摄像头的示例代码
2020/11/25 Python
复古风格的女装和装饰品:ModCloth
2017/12/29 全球购物
RIP版本1跟版本2的区别
2013/12/30 面试题
中学教师岗位职责
2013/11/26 职场文书
高中毕业的自我鉴定
2013/12/09 职场文书
数控机械专业个人的自我评价
2014/01/02 职场文书
学校交通安全责任书
2014/08/25 职场文书
交通安全学习心得体会
2016/01/18 职场文书
2016年学校招生广告语
2016/01/28 职场文书
 Python 中 logging 模块使用详情
2022/03/03 Python