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 相关文章推荐
firefox浏览器不支持innerText的解决方法
Aug 07 Javascript
javascript ajax 仿百度分页函数
Oct 29 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
Sep 16 Javascript
JavaScript 不支持 indexof 该如何解决
Mar 30 Javascript
jQuery.ajax实现根据不同的Content-Type做出不同的响应
Nov 03 Javascript
vue表单绑定实现多选框和下拉列表的实例
Aug 12 Javascript
vue技术分享之你可能不知道的7个秘密
Apr 09 Javascript
关于vue的语法规则检测报错问题的解决
May 21 Javascript
深入浅析Vue中的Prop
Jun 10 Javascript
npm scripts 使用指南详解
Oct 08 Javascript
vue子传父关于.sync与$emit的实现
Nov 05 Javascript
javaScript Array api梳理
Mar 31 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获取类中常量,属性,及方法列表的方法
2009/04/09 PHP
php模块memcache和memcached区别分析
2011/06/14 PHP
phpmyadmin出现Cannot start session without errors问题解决方法
2014/08/14 PHP
深入理解PHP中的global
2014/08/19 PHP
PHP中一些可以替代正则表达式函数的字符串操作函数
2014/11/17 PHP
php cookie工作原理与实例详解
2016/07/18 PHP
PHP各种常见经典算法总结【排序、查找、翻转等】
2019/08/05 PHP
javaScript 关闭浏览器 (不弹出提示框)
2010/01/31 Javascript
分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
2011/09/21 Javascript
js模仿html5 placeholder适应于不支持的浏览器
2013/01/13 Javascript
基于JQuery 滑动与动画的说明介绍
2013/04/18 Javascript
javascript修改IMG标签的src问题
2014/03/28 Javascript
Jquery 实现弹出层插件
2015/01/28 Javascript
javascript中href和replace的比较(详解)
2016/11/25 Javascript
form表单序列化详解(推荐)
2017/08/15 Javascript
微信小程序实现下载进度条的方法
2017/12/08 Javascript
Angular5中状态管理的实现
2018/09/03 Javascript
JavaScript碎片—函数闭包(模拟面向对象)
2019/03/13 Javascript
通过GASP让vue实现动态效果实例代码详解
2019/11/24 Javascript
video.js添加自定义组件的方法
2020/12/09 Javascript
Vue通过阿里云oss的url连接直接下载文件并修改文件名的方法
2020/12/25 Vue.js
JavaScript 防盗链的原理以及破解方法
2020/12/29 Javascript
Python中使用动态变量名的方法
2014/05/06 Python
python爬虫租房信息在地图上显示的方法
2019/05/13 Python
python中metaclass原理与用法详解
2019/06/25 Python
python numpy 矩阵堆叠实例
2020/01/17 Python
Python中实现一行拆多行和多行并一行的示例代码
2020/09/06 Python
阿拉伯时尚购物网站:Nisnass
2021/02/07 全球购物
写给保洁员表扬信
2014/01/08 职场文书
爱国卫生月活动总结范文
2014/04/25 职场文书
新郎婚礼答谢词
2015/01/04 职场文书
毕业生捐书活动倡议书
2015/04/27 职场文书
致毕业季:你如何做好自己的职业生涯规划书?
2019/07/01 职场文书
电子表的操作介绍说明书
2019/10/28 职场文书
浅谈CSS不规则边框的生成方案
2021/05/25 HTML / CSS
Windows Server 2008配置防火墙策略详解
2022/06/28 Servers