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实现定时页面弹出类似QQ新闻的提示框
Nov 07 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
Oct 16 Javascript
使用JQ来编写最基本的淡入淡出效果附演示动画
Oct 31 Javascript
js实现同一页面多个运动效果的方法
Apr 10 Javascript
jQuery实现定时读取分析xml文件的方法
Jul 16 Javascript
javascript中的深复制详解及实例分析
Dec 29 Javascript
webpack实现一个行内样式px转vw的loader示例
Sep 13 Javascript
vue-cli3.0+element-ui上传组件el-upload的使用
Dec 03 Javascript
JavaScript文本特效实例小结【3个示例】
Dec 22 Javascript
vue 更改连接后台的api示例
Nov 11 Javascript
如何将JavaScript将数组转为树形结构
Jun 02 Javascript
webpack的移动端适配方案小结
Jul 25 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
isset和empty的区别
2007/01/15 PHP
php将数据库中所有内容生成静态html文档的代码
2010/04/12 PHP
PHP提示Notice: Undefined variable的解决办法
2012/11/24 PHP
探讨:web上存漏洞及原理分析、防范方法
2013/06/29 PHP
php按字符无乱码截取中文的方法
2015/03/27 PHP
CI框架源码解读之利用Hook.php文件完成功能扩展的方法
2016/05/18 PHP
php写app接口并返回json数据的实例(分享)
2017/05/20 PHP
HTML node相关的一些资料整理
2010/01/01 Javascript
javascript中有趣的反柯里化深入分析
2012/12/05 Javascript
js中一维数组和二位数组中的几个问题示例说明
2014/07/17 Javascript
js纯数字逐一停止显示效果的实现代码
2016/03/16 Javascript
微信小程序 数据访问实例详解
2016/10/08 Javascript
AngularJS实现与Java Web服务器交互操作示例【附demo源码下载】
2016/11/02 Javascript
JS实用的带停顿的逐行文本循环滚动效果实例
2016/11/23 Javascript
Bootstrap基本插件学习笔记之轮播幻灯片(23)
2016/12/08 Javascript
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
2017/10/12 Javascript
Bootstrap图片轮播效果详解
2017/10/17 Javascript
js实现复制功能(多种方法集合)
2018/01/06 Javascript
CentOS环境中MySQL修改root密码方法
2018/01/07 Javascript
vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)
2019/05/10 Javascript
ng-alain的sf如何自定义部件的流程
2020/06/12 Javascript
剖析Django中模版标签的解析与参数传递
2015/07/21 Python
利用python画出折线图
2018/07/26 Python
python绘制简单彩虹图
2018/11/19 Python
使用python爬取微博数据打造一颗“心”
2019/06/28 Python
tensorflow2.0与tensorflow1.0的性能区别介绍
2020/02/07 Python
keras 使用Lambda 快速新建层 添加多个参数操作
2020/06/10 Python
详解如何在pyqt中通过OpenCV实现对窗口的透视变换
2020/09/20 Python
selenium框架中driver.close()和driver.quit()关闭浏览器
2020/12/08 Python
美国创意之家:BulbHead
2017/07/12 全球购物
校庆口号
2014/06/20 职场文书
2014年幼儿园园长工作总结
2014/12/17 职场文书
导游词之云南丽江-泸沽湖
2019/09/26 职场文书
导游词之广西漓江
2019/11/02 职场文书
关于vue中如何监听数组变化
2021/04/28 Vue.js
Golang: 内建容器的用法
2021/05/05 Golang