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 相关文章推荐
基于jquery的图片的切换(以数字的形式)
Feb 14 Javascript
JavaScript中的私有/静态属性介绍
Jul 26 Javascript
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
Oct 12 Javascript
使用jquery实现以post打开新窗口
Mar 19 Javascript
JavaScript 获取任一float型小数点后两位的小数
Jun 30 Javascript
js获取数组的最后一个元素
Apr 14 Javascript
JavaScript匿名函数之模仿块级作用域
Dec 12 Javascript
一道关于JavaScript变量作用域的面试题
Mar 08 Javascript
JS原型对象的创建方法详解
Jun 16 Javascript
JS实现判断有效的数独算法示例
Feb 25 Javascript
layui动态绑定事件的方法
Sep 20 Javascript
解决echarts数据二次渲染不成功的问题
Jul 20 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中foreach循环中使用引用要注意的地方
2011/01/02 PHP
PHP基于文件存储实现缓存的方法
2015/07/20 PHP
PHP错误Warning:mysql_query()解决方法
2015/10/24 PHP
Javascript Math ceil()、floor()、round()三个函数的区别
2010/03/09 Javascript
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]
2011/01/08 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
2011/09/02 Javascript
3款实用的在线JS代码工具(国外)
2012/03/15 Javascript
解决js图片加载时出现404的问题
2020/11/30 Javascript
jquery ajax分页插件的简单实现
2016/01/27 Javascript
Bootstrap入门书籍之(五)导航条、分页导航
2016/02/17 Javascript
Angularjs 滚动加载更多数据
2016/03/17 Javascript
浅谈JavaScript的全局变量与局部变量
2016/06/10 Javascript
socket.io实现在线群聊功能
2017/04/07 Javascript
Node.js dgram模块实现UDP通信示例代码
2017/09/26 Javascript
深入浅析var,let,const的异同点
2018/08/07 Javascript
ndm:NPM的桌面GUI应用程序
2018/10/15 Javascript
vue中使用vue-print.js实现多页打印
2020/03/05 Javascript
编程语言Python的发展史
2014/09/26 Python
python实现简单购物商城
2016/05/21 Python
python中单例常用的几种实现方法总结
2018/10/13 Python
Django实现一对多表模型的跨表查询方法
2018/12/18 Python
Python3匿名函数lambda介绍与使用示例
2019/05/18 Python
使用python接入微信聊天机器人
2020/03/31 Python
python中删除某个元素的方法解析
2019/11/05 Python
python 实现快速生成连续、随机字母列表
2019/11/28 Python
Python Excel vlookup函数实现过程解析
2020/06/22 Python
日本运动品牌美津浓官方购物网站:MIZUNO SHOP
2016/08/21 全球购物
WWE美国职业摔角官方商店:WWE Shop
2018/11/15 全球购物
类的核心特性有哪些
2014/01/01 面试题
摄影助理岗位职责
2014/02/07 职场文书
国际商贸专业自荐信
2014/06/09 职场文书
党员倡议书
2015/01/19 职场文书
谢师宴邀请函
2015/02/02 职场文书
八年级作文之一起的走过日子
2019/09/17 职场文书
PostgreSQL聚合函数介绍以及分组和排序
2022/04/12 PostgreSQL