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 继承详解 第一篇
Aug 30 Javascript
jQuery实现的多选框多级联动插件
May 02 Javascript
JS实现在线统计一个页面内鼠标点击次数的方法
Feb 28 Javascript
jquery动画效果学习笔记(8种效果)
Nov 13 Javascript
JavaScript事件类型中焦点、鼠标和滚轮事件详解
Jan 25 Javascript
原生JS封装ajax 传json,str,excel文件上传提交表单(推荐)
Jun 21 Javascript
js 获取站点应用名的简单实例
Aug 18 Javascript
BootStrap实现文件上传并带有进度条效果
Sep 11 Javascript
使用async、enterproxy控制并发数量的方法详解
Jan 02 Javascript
Auto.js自动收取自己和好友蚂蚁森林能量脚本
Jun 28 Javascript
Bootstrap Paginator+PageHelper实现分页效果
Dec 29 Javascript
Vue的H5页面唤起支付宝支付功能
Apr 18 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 IDE phpstorm 常用快捷键
2015/05/18 PHP
php readfile()修改文件上传大小设置
2017/08/11 PHP
PHP PDOStatement::fetchAll讲解
2019/01/31 PHP
JS中Date日期函数中的参数使用介绍
2014/01/02 Javascript
使用Curl命令查看请求响应时间方法
2016/11/04 Javascript
用jQuery实现可输入多选下拉组合框实例代码
2017/01/18 Javascript
JS获取字符对应的ASCII码实例
2017/09/10 Javascript
webpack 如何解析代码模块路径的实现
2019/09/04 Javascript
vue项目中锚点定位替代方式
2019/11/13 Javascript
JQuery发送ajax请求时中文乱码问题解决
2019/11/14 jQuery
javascript中闭包closure的深入讲解
2021/03/03 Javascript
Python实现的Kmeans++算法实例
2014/04/26 Python
Python的装饰器模式与面向切面编程详解
2015/06/21 Python
Python使用django搭建web开发环境
2017/06/09 Python
浅谈scrapy 的基本命令介绍
2017/06/13 Python
Python中enumerate函数代码解析
2017/10/31 Python
python中set()函数简介及实例解析
2018/01/09 Python
Django重装mysql后启动报错:No module named ‘MySQLdb’的解决方法
2018/04/22 Python
Sanic框架安装与简单入门示例
2018/07/16 Python
python文件写入write()的操作
2019/05/14 Python
利用pyuic5将ui文件转换为py文件的方法
2019/06/19 Python
Django项目主urls导入应用中views的红线问题解决
2019/08/10 Python
python之array赋值技巧分享
2019/11/28 Python
python3爬取torrent种子链接实例
2020/01/16 Python
Django如何使用asyncio协程和ThreadPoolExecutor多线程
2020/10/12 Python
用canvas画心电图的示例代码
2018/09/10 HTML / CSS
国外最大的眼镜网站:Coastal
2017/08/09 全球购物
皮姆斯勒语言学习:Pimsleur Language Programs
2018/06/30 全球购物
澳大利亚家具商店:Freedom
2020/12/17 全球购物
2014年租房协议书范本
2014/10/30 职场文书
生日答谢词
2015/01/05 职场文书
民间借贷纠纷起诉书
2015/08/03 职场文书
分位数回归模型quantile regeression应用详解及示例教程
2021/11/02 Python
使用pd.merge表连接出现多余行的问题解决
2022/06/16 Python
类和原型的设计模式之复制与委托差异
2022/07/07 Javascript
Django中celery的使用项目实例
2022/07/07 Python