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 相关文章推荐
使用EXT实现无刷新动态调用股票信息
Nov 01 Javascript
jQuery源码分析-01总体架构分析
Nov 14 Javascript
js不完美解决click和dblclick事件冲突问题
Jul 16 Javascript
jquery 实现二级/三级/多级联动菜单的思路及代码
Apr 08 Javascript
Jquery使用Firefox FireBug插件调试Ajax步骤讲解
Dec 02 Javascript
清除div下面的所有标签的方法
Feb 17 Javascript
javascript字符串循环匹配实例分析
Jul 17 Javascript
Javascript中类式继承和原型式继承的实现方法和区别之处
Apr 25 Javascript
JavaScript仿微信打飞机游戏
Jul 05 Javascript
使用Vue构建可重用的分页组件
Mar 26 Javascript
详解vue为什么要求组件模板只能有一个根元素
Jul 22 Javascript
Vue使用鼠标在Canvas上绘制矩形
Dec 24 Vue.js
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
Codeigniter的dom类用法实例
2015/06/26 PHP
PHP微信红包API接口
2015/12/05 PHP
实现WordPress主题侧边栏切换功能的PHP脚本详解
2015/12/14 PHP
PHP连接数据库实现注册页面的增删改查操作
2016/03/27 PHP
PHP实现的CURL非阻塞调用类
2018/07/26 PHP
jQuery基本选择器选择元素使用介绍
2013/04/18 Javascript
推荐10个2014年最佳的jQuery视频插件
2014/11/12 Javascript
JavaScript通过HTML的class来获取HTML元素的方法总结
2016/05/24 Javascript
非常酷炫的Bootstrap图片轮播动画
2016/05/27 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
2016/06/12 Javascript
JavaScript自学笔记(必看篇)
2016/06/23 Javascript
Javascript 调用 ActionScript 的简单方法
2016/09/22 Javascript
jquery获取下拉框中的循环值
2017/02/08 Javascript
原生JS轮播图插件
2017/02/09 Javascript
js仿网易表单及时验证功能
2017/03/07 Javascript
javascript 跨域问题以及解决办法
2017/07/17 Javascript
mui 打开新窗口的方式总结及注意事项
2017/08/20 Javascript
js实现单张图片平移切换效果
2017/10/11 Javascript
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
2019/06/17 Javascript
JavaScript this指向相关原理及实例解析
2020/07/10 Javascript
[02:00]DOTA2英雄COSPLAY闹市街头巡游助威2015国际邀请赛
2015/08/02 DOTA
Python中的index()方法使用教程
2015/05/18 Python
python scatter散点图用循环分类法加图例
2019/03/19 Python
基于python实现学生信息管理系统
2019/11/22 Python
Python字典中的值为列表或字典的构造实例
2019/12/16 Python
聊聊python中的循环遍历
2020/09/07 Python
python中numpy.empty()函数实例讲解
2021/02/05 Python
椰子猫砂:CatSpot
2018/08/27 全球购物
加拿大品牌鞋包连锁店:Little Burgundy
2021/02/28 全球购物
应聘面试自我评价
2014/01/24 职场文书
音乐教学反思
2014/02/02 职场文书
光学与应用专业毕业生求职信
2014/09/01 职场文书
2014年污水处理厂工作总结
2014/12/19 职场文书
2015年推普周活动总结
2015/03/27 职场文书
毕业论文致谢怎么写
2015/05/14 职场文书
2015年社区精神文明工作总结
2015/05/26 职场文书