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 相关文章推荐
Display SQL Server Version Information
Jun 21 Javascript
js动画(animate)简单引擎代码示例
Dec 04 Javascript
Angularjs中UI Router的使用方法
May 14 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
Jun 07 Javascript
Node.js中看JavaScript的引用
Apr 22 Javascript
JS动态修改网页body的背景色实例代码
Oct 07 Javascript
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法
Jun 10 Javascript
vue2.0项目实现路由跳转的方法详解
Jun 21 Javascript
解决vue接口数据赋值给data没有反应的问题
Aug 27 Javascript
关于element-ui的隐藏组件el-scrollbar的使用
May 29 Javascript
NUXT SSR初级入门笔记(小结)
Dec 16 Javascript
vue+echarts实现中国地图流动效果(步骤详解)
Jan 27 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框架批量插入数据
2014/01/09 PHP
微信公众号点击菜单即可打开并登录微站的实现方法
2014/11/14 PHP
Laravel框架实现发送短信验证功能代码
2016/06/06 PHP
PHP使用PDO 连接与连接管理操作实例分析
2020/04/21 PHP
JavaScript Event学习第十章 一些可替换的事件对
2010/02/10 Javascript
初窥JQuery-Jquery简介 入门了解篇
2010/11/25 Javascript
jQuery最佳实践完整篇
2011/08/20 Javascript
jQuery 追加元素的方法如append、prepend、before
2014/01/16 Javascript
JS设置获取cookies的方法
2014/01/26 Javascript
调用jQuery滑出效果时闪烁的解决方法
2014/03/27 Javascript
jQuery插件实现控制网页元素动态居中显示
2015/03/24 Javascript
纯javascript模仿微信打飞机小游戏
2015/08/20 Javascript
jquery 实现复选框的全选操作实例代码
2017/01/24 Javascript
解决bootstrap下拉菜单点击立即隐藏bug的方法
2017/06/13 Javascript
Vue中的异步组件函数实现代码
2018/07/20 Javascript
JS高阶函数原理与用法实例分析
2019/01/15 Javascript
JavaScript实现留言板案例
2020/03/17 Javascript
js实现验证码干扰(静态)
2021/02/22 Javascript
在Docker上部署Python的Flask框架的教程
2015/04/08 Python
python pandas库中DataFrame对行和列的操作实例讲解
2018/06/09 Python
OPENCV去除小连通区域,去除孔洞的实例讲解
2018/06/21 Python
在linux下实现 python 监控usb设备信号
2019/07/03 Python
python并发编程多进程之守护进程原理解析
2019/08/20 Python
python修改linux中文件(文件夹)的权限属性操作
2020/03/05 Python
Python基于read(size)方法读取超大文件
2020/03/12 Python
一款恶搞头像特效的制作过程 利用css3和jquery
2014/11/21 HTML / CSS
简单介绍HTML5中的文件导入
2015/05/08 HTML / CSS
爱尔兰橄榄球店:Irish Rugby Store
2019/12/05 全球购物
管理站站长岗位职责
2013/11/27 职场文书
竞争性谈判邀请书
2014/02/06 职场文书
2014年迎新年联欢会活动策划方案
2014/02/26 职场文书
标准的毕业生自荐信
2014/04/20 职场文书
一年级学生评语
2014/04/23 职场文书
万能检讨书2000字
2014/10/17 职场文书
2016年教师党员公开承诺书
2016/03/24 职场文书
Python文件的操作示例的详细讲解
2021/04/08 Python