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实现的立体文字渐变效果
May 17 Javascript
Jquery下判断Id是否存在的代码
Jan 06 Javascript
优化javascript的执行效率一些方法总结
Dec 25 Javascript
node.js中的buffer.slice方法使用说明
Dec 10 Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
Aug 25 Javascript
极力推荐10个短小实用的JavaScript代码段
Aug 03 Javascript
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
Apr 18 Javascript
基于vue的短信验证码倒计时demo
Sep 13 Javascript
vue router下的html5 history在iis服务器上的设置方法
Oct 18 Javascript
JavaScript数组push方法使用注意事项
Oct 30 Javascript
vue中如何实现后台管理系统的权限控制的方法示例
Sep 19 Javascript
vue router导航守卫(router.beforeEach())的使用详解
Apr 19 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
ThinkPHP3.1数据CURD操作快速入门
2014/06/19 PHP
smarty自定义函数htmlcheckboxes用法实例
2015/01/22 PHP
PHP+Ajax实现的无刷新分页功能详解【附demo源码下载】
2017/07/03 PHP
基于javascript实现九宫格大转盘效果
2020/05/28 Javascript
关于js函数解释(包括内嵌,对象等)
2016/11/20 Javascript
Bootstrap基本组件学习笔记之分页(12)
2016/12/08 Javascript
JavaScript实现倒计时跳转页面功能【实用】
2016/12/13 Javascript
js实现带三角符的手风琴效果
2017/03/01 Javascript
jQuery模拟实现天猫购物车动画效果实例代码
2017/05/25 jQuery
vue使用v-for实现hover点击效果
2018/09/29 Javascript
JavaScript实现的拼图算法分析
2019/02/13 Javascript
Vue.js实现大转盘抽奖总结及实现思路
2019/10/09 Javascript
js实现二级联动简单实例
2020/01/11 Javascript
JS实现选项卡插件的两种写法(jQuery和class)
2020/12/30 jQuery
Python 基础教程之闭包的使用方法
2017/09/29 Python
机器学习的框架偏向于Python的13个原因
2017/12/07 Python
利用Python如何实现数据驱动的接口自动化测试
2018/05/11 Python
Python自然语言处理 NLTK 库用法入门教程【经典】
2018/06/26 Python
uwsgi+nginx部署Django项目操作示例
2018/12/04 Python
Python应用领域和就业形势分析总结
2019/05/14 Python
Python中print函数简单使用总结
2019/08/05 Python
画pytorch模型图,以及参数计算的方法
2019/08/17 Python
Python任务调度利器之APScheduler详解
2020/04/02 Python
详解在Python中使用Torchmoji将文本转换为表情符号
2020/07/27 Python
英国袜子店:Sock Shop
2017/01/11 全球购物
机电专业大学生职业规划书范文
2014/02/25 职场文书
班主任评语大全
2014/04/26 职场文书
珍惜时间演讲稿
2014/05/14 职场文书
慈善晚会策划方案
2014/05/14 职场文书
小学语文业务学习材料
2014/06/02 职场文书
酒店员工培训方案
2014/06/02 职场文书
考试保密承诺书
2014/08/30 职场文书
幼儿园圣诞节活动总结
2015/05/06 职场文书
入党转正申请报告
2015/05/15 职场文书
小学英语新课改心得体会
2016/01/22 职场文书
HTML实现仿Windows桌面主题特效的实现
2022/06/28 HTML / CSS