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 相关文章推荐
Javascript 两个窗体之间传值实现代码
Sep 25 Javascript
javascript 全选与全取消功能的实现代码
Dec 23 Javascript
javascript使用shift+click实现选择和反选checkbox的方法
May 04 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
Mar 04 Javascript
jQuery Mobile 触摸事件实例
Jun 04 Javascript
浅谈js数组和splice的用法
Dec 04 Javascript
HTML中使背景图片自适应浏览器大小实例详解
Apr 06 Javascript
JavaScript箭头函数_动力节点Java学院整理
Jun 28 Javascript
vue获取input输入值的问题解决办法
Oct 17 Javascript
详解webpack性能优化——DLL
Oct 20 Javascript
简单的Vue异步组件实例Demo
Dec 27 Javascript
微信小程序实现手指拖动选项排序
Apr 22 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 字符串加密函数(在指定时间内加密还原字符串,超时无法还原)
2010/04/28 PHP
PHP中的session永不过期的解决思路及实现方法分享
2011/04/20 PHP
php实现阿拉伯数字和罗马数字相互转换的方法
2015/04/17 PHP
php实现在新浪云中使用imagick生成缩略图并上传的方法
2016/09/26 PHP
在laravel框架中使用model层的方法
2019/10/08 PHP
javascript eval函数深入认识
2009/02/21 Javascript
JS 实现图片直接下载示例代码
2013/07/22 Javascript
requireJS使用指南
2016/04/27 Javascript
AngularJS 2.0入门权威指南
2016/10/08 Javascript
深入对Vue.js $watch方法的理解
2017/03/20 Javascript
jQuery实现的简单在线计算器功能
2017/05/11 jQuery
JS判断时间段的实现代码
2017/06/14 Javascript
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
2018/01/25 jQuery
利用d3.js力导布局绘制资源拓扑图实例教程
2019/01/08 Javascript
Vue的click事件防抖和节流处理详解
2019/11/13 Javascript
[06:21]2014DOTA2国际邀请赛 庆祝VG首阶段领跑;B叔为挣牛排半夜整理情报
2014/07/13 DOTA
在Python中操作字典之update()方法的使用
2015/05/22 Python
深入解析Python的Tornado框架中内置的模板引擎
2016/07/11 Python
通过源码分析Python中的切片赋值
2017/05/08 Python
Django REST framework视图的用法
2019/01/16 Python
Pytorch加载部分预训练模型的参数实例
2019/08/18 Python
python爬虫添加请求头代码实例
2019/12/28 Python
python自动化unittest yaml使用过程解析
2020/02/03 Python
Python实现打包成库供别的模块调用
2020/07/13 Python
HTML5的语法变化介绍
2013/08/13 HTML / CSS
百联网上商城:i百联
2017/01/28 全球购物
舒适的豪华鞋:Taryn Rose
2018/05/03 全球购物
人力资源行政经理自我评价
2013/10/23 职场文书
护士演讲稿范文
2014/01/05 职场文书
教育科研先进个人材料
2014/01/26 职场文书
大学生村官个人对照检查材料(群众路线)
2014/09/26 职场文书
小学见习报告
2014/10/31 职场文书
2014年乡镇人大工作总结
2014/11/25 职场文书
2016清明节森林防火广播稿
2015/12/17 职场文书
python爬虫之爬取笔趣阁小说
2021/04/22 Python
MySQL优化之慢日志查询
2022/06/10 MySQL