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 attachEvent和addEventListener使用方法
Mar 19 Javascript
Javascript结合css实现网页换肤功能
Nov 02 Javascript
addEventListener和attachEvent二者绑定的执行函数中的this不相同
Dec 09 Javascript
javascript event在FF和IE的兼容传参心得(绝对好用)
Jul 10 Javascript
Jquery中find与each方法用法实例
Feb 04 Javascript
基于jQuery实现二级下拉菜单效果
Feb 01 Javascript
jQuery实现CheckBox全选、全不选功能
Jan 11 Javascript
promise和co搭配生成器函数方式解决js代码异步流程的比较
May 25 Javascript
JS实现处理时间,年月日,星期的公共方法示例
May 31 Javascript
js实现上传图片并显示图片名称
Dec 18 Javascript
node.js中process进程的概念和child_process子进程模块的使用方法示例
Feb 11 Javascript
小程序表单认证布局及验证详解
Jun 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
php下MYSQL limit的优化
2008/01/10 PHP
Chrome Web App开发小结
2014/09/04 PHP
PHP获取一段文本显示点阵宽度和高度的方法
2015/03/12 PHP
PHP图像处理类库MagickWand用法实例分析
2015/05/21 PHP
Linux下编译redis和phpredis的方法
2016/04/07 PHP
PHP使用数组实现矩阵数学运算的方法示例
2017/05/29 PHP
ThinkPHP框架实现定时执行任务的两种方法分析
2018/09/04 PHP
javascript 浏览器检测代码精简版
2010/03/04 Javascript
IE6下js通过css隐藏select的一个bug
2010/08/16 Javascript
基于jQuery的计算文本框字数的代码
2012/06/06 Javascript
jQuery基于当前元素进行下一步的遍历
2014/05/20 Javascript
JQuery自动触发事件的方法
2015/06/13 Javascript
基于JavaScript实现鼠标向下滑动加载div的代码
2016/08/31 Javascript
对javascript继承的理解
2016/10/11 Javascript
原生JS下拉加载插件分享
2016/12/26 Javascript
JS 实现随机验证码功能
2017/02/15 Javascript
基于jquery实现五星好评
2017/11/18 jQuery
Angular整合zTree的示例代码
2018/01/24 Javascript
详解微信小程序的 request 封装示例
2018/08/21 Javascript
Vue2.x和Vue3.x的双向绑定原理详解
2020/11/05 Javascript
[01:54]TI珍贵瞬间系列(三):翻盘
2020/08/28 DOTA
python通过get,post方式发送http请求和接收http响应的方法
2015/05/26 Python
如何处理Python3.4 使用pymssql 乱码问题
2016/01/08 Python
78行Python代码实现现微信撤回消息功能
2018/07/26 Python
python 输出所有大小写字母的方法
2019/01/02 Python
Python Django框架url反向解析实现动态生成对应的url链接示例
2019/10/18 Python
python实现双色球随机选号
2020/01/01 Python
猎人靴英国官网:Hunter Boots
2017/02/02 全球购物
英文版网络工程师求职信
2013/10/28 职场文书
《窗前的气球》教学反思
2014/04/07 职场文书
奥巴马的演讲稿
2014/05/15 职场文书
授权委托书样本及填写说明
2014/09/19 职场文书
三八红旗手事迹材料
2014/12/26 职场文书
实习班主任自我评价
2015/03/11 职场文书
2021-4-5课程——SQL Server查询【3】
2021/04/05 SQL Server
oracle重置序列从0开始递增1
2022/02/28 Oracle