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 相关文章推荐
js 父窗口控制子窗口的行为-打开,关闭,重定位,回复
Apr 20 Javascript
常见的jQuery选择器汇总
Nov 24 Javascript
javascript学习总结之js使用技巧
Sep 02 Javascript
javascript中日期函数new Date()的浏览器兼容性问题
Sep 05 Javascript
基于jQuery实现中英文切换导航条效果
Sep 18 Javascript
整理关于Bootstrap警示框的慕课笔记
Mar 29 Javascript
SpringMVC+bootstrap table实例详解
Jun 02 Javascript
jQuery操作DOM_动力节点Java学院整理
Jul 04 jQuery
一文让你彻底搞清楚javascript中的require、import与export
Sep 24 Javascript
javascript实现随机抽奖功能
Dec 30 Javascript
element el-table表格的二次封装实现(附表格高度自适应)
Jan 19 Javascript
vue 自定义的组件绑定点击事件
Apr 21 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
桌面中心(二)数据库写入
2006/10/09 PHP
discuz Passport 通行证 整合笔记
2008/06/30 PHP
PHP 循环列出目录内容的函数代码
2010/05/26 PHP
选择PHP作为网站开发语言的原因分享
2012/01/03 PHP
php使用ZipArchive函数实现文件的压缩与解压缩
2015/10/27 PHP
FLASH 广告之外的链接
2008/12/16 Javascript
基于jquery实现的鼠标滑过按钮改变背景图片
2011/07/15 Javascript
JavaScript取得鼠标绝对位置程序代码介绍
2012/09/16 Javascript
JavaScript获取指定元素位置的方法
2015/04/08 Javascript
JavaScript检测鼠标移动方向的方法
2015/05/22 Javascript
基于jQuery Circlr插件实现产品图片360度旋转
2015/09/20 Javascript
jquery.cookie.js用法实例详解
2015/12/25 Javascript
js和jq使用submit方法无法提交表单的快速解决方法
2016/05/17 Javascript
原生js实现ajax方法(超简单)
2016/09/20 Javascript
微信小程序 小程序制作及动画(animation样式)详解
2017/01/06 Javascript
详解Vue2.X的路由管理记录之 钩子函数(切割流水线)
2017/05/02 Javascript
解决vue 打包发布去#和页面空白的问题
2018/09/04 Javascript
基于JS实现数字动态变化显示效果附源码
2019/07/18 Javascript
vue element和nuxt的使用技巧分享
2021/01/14 Vue.js
python使用socket远程连接错误处理方法
2015/04/29 Python
在Django的URLconf中使用多个视图前缀的方法
2015/07/18 Python
浅谈Python NLP入门教程
2017/12/25 Python
python处理数据,存进hive表的方法
2018/07/04 Python
Django如何使用第三方服务发送电子邮件
2019/08/14 Python
python将三维数组展开成二维数组的实现
2019/11/30 Python
Jupyter安装链接aconda实现过程图解
2020/11/02 Python
英国办公家具网站:Furniture At Work
2019/10/07 全球购物
J2EE中的容器都包括哪些
2013/08/21 面试题
大学老师推荐信
2014/02/25 职场文书
中介公司区域经理岗位职责范本
2014/03/02 职场文书
小学学习雷锋活动总结
2014/07/03 职场文书
司考复习计划
2015/01/19 职场文书
教师年度考核个人总结
2015/02/12 职场文书
老人与海读书笔记
2015/06/26 职场文书
晶体管来复再生式二管收音机
2021/04/22 无线电
避坑之 JavaScript 中的toFixed()和正则表达式
2022/04/19 Javascript