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 相关文章推荐
js获取图片长和宽度的代码
Nov 24 Javascript
在模板页面的js使用办法
Apr 01 Javascript
jQuery中获取Radio元素值的方法
Jul 02 Javascript
jquery div拖动效果示例代码
Dec 08 Javascript
js控制分页打印、打印分页示例
Feb 08 Javascript
javascript实现动态改变层大小的方法
May 14 Javascript
jquery实现未经美化的简洁TAB菜单效果
Aug 28 Javascript
jQuery事件绑定用法详解(附bind和live的区别)
Jan 19 Javascript
JavaScript设计模式开发中组合模式的使用教程
May 18 Javascript
AngularJS使用ng-options指令实现下拉框
Aug 23 Javascript
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
Mar 09 Javascript
三剑客:offset、client和scroll还傻傻分不清?
Dec 04 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使用Jpgraph创建柱状图展示年度收支表效果示例
2017/02/15 PHP
Laravel中GraphQL接口请求频率实战记录
2020/09/01 PHP
JQuery 前台切换网站的样式实现
2009/06/22 Javascript
js下获取div中的数据的原理分析
2010/04/07 Javascript
用Juery网页选项卡实现代码
2011/06/13 Javascript
javascript如何动态加载表格与动态添加表格行
2013/11/27 Javascript
JS使用for循环遍历Table的所有单元格内容
2014/08/21 Javascript
JavaScript设计模式之单例模式实例
2014/09/24 Javascript
js实现禁止中文输入的方法
2015/01/14 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
2016/01/05 Javascript
JS使用单链表统计英语单词出现次数
2016/06/16 Javascript
Javascript点击其他任意地方隐藏关闭DIV实例
2016/06/21 Javascript
原生js实现拖拽功能基本思路详解
2018/04/18 Javascript
JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析
2018/07/26 Javascript
重新认识vue之事件阻止冒泡的实现
2018/08/02 Javascript
JavaScript函数的特性与应用实践深入详解
2018/12/30 Javascript
JS左右无缝轮播功能完整实例
2019/05/16 Javascript
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
2019/09/25 Javascript
python如何实现远程控制电脑(结合微信)
2015/12/21 Python
Python3连接SQLServer、Oracle、MySql的方法
2018/06/28 Python
Python ORM编程基础示例
2020/02/02 Python
使用TensorBoard进行超参数优化的实现
2020/07/06 Python
Python浮点型(float)运算结果不正确的解决方案
2020/09/22 Python
Docker如何部署Python项目的实现详解
2020/10/26 Python
Python 实现图片转字符画的示例(静态图片,gif皆可)
2020/11/05 Python
jupyter notebook远程访问不了的问题解决方法
2021/01/11 Python
html Table 表头固定的实现
2019/01/22 HTML / CSS
一个不错的HTML5 Canvas多层点击事件监听实例
2014/04/29 HTML / CSS
Raffaello Network德国:意大利拉斐尔时尚购物网
2019/05/01 全球购物
Scotch Porter官方网站:男士美容产品
2020/08/31 全球购物
写一个在SQL Server创建表的SQL语句
2012/03/10 面试题
中学门卫岗位职责
2013/12/26 职场文书
2014大四本科生自我鉴定总结
2014/10/04 职场文书
一年级语文下册复习计划
2015/01/17 职场文书
vue-cropper组件实现图片切割上传
2021/05/27 Vue.js
Python Flask搭建yolov3目标检测系统详解流程
2021/11/07 Python