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 ui插件的使用方法代码实例
May 08 Javascript
jquery图片切换实例分析
Apr 15 Javascript
移动端JQ插件hammer使用详解
Jul 03 Javascript
浏览器兼容性问题大汇总
Dec 17 Javascript
jQuery实现的自定义弹出层效果实例详解
Sep 04 Javascript
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 jQuery
原生JS实现层叠轮播图
May 17 Javascript
vue组件实现弹出框点击显示隐藏效果
Oct 26 Javascript
微信小程序实现保存图片到相册功能
Nov 30 Javascript
Vue实现购物车的全选、单选、显示商品价格代码实例
May 06 Javascript
Flutter 超实用简单菜单弹出框 PopupMenuButton功能
Aug 06 Javascript
vue 路由守卫(导航守卫)及其具体使用
Feb 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
PHP5在Apache下的两种模式的安装
2006/09/05 PHP
第1次亲密接触PHP5(1)
2006/10/09 PHP
PHP4实际应用经验篇(3)
2006/10/09 PHP
服务器迁移php版本不同可能诱发的问题
2015/12/22 PHP
PHP常用技巧汇总
2016/03/04 PHP
php+mysql查询实现无限下级分类树输出示例
2016/10/03 PHP
PHP用户验证和标签推荐的简单使用
2016/10/31 PHP
JavaScript.Encode手动解码技巧
2010/07/14 Javascript
javascript textarea光标定位方法(兼容IE和FF)
2011/03/12 Javascript
jQuery实现类似淘宝购物车全选状态示例
2013/06/26 Javascript
js 文本滚动效果的实例代码
2013/08/17 Javascript
用js判断输入是否为中文的函数
2014/03/10 Javascript
JavaScript实现关键字高亮功能
2014/11/12 Javascript
Javascript复制实例详解
2016/01/28 Javascript
浅析在javascript中创建对象的各种模式
2016/05/06 Javascript
Jquery实现select multiple左右添加和删除功能的简单实例
2016/05/26 Javascript
js鼠标按键事件和键盘按键事件用法实例汇总
2016/10/03 Javascript
DOM 事件的深入浅出(二)
2016/12/05 Javascript
详解vue-router基本使用
2017/04/18 Javascript
老生常谈js-react组件生命周期
2017/05/02 Javascript
详解node服务器中打开html文件的两种方法
2017/09/18 Javascript
[00:57]林俊杰助阵DOTA2亚洲邀请赛
2015/01/28 DOTA
python在windows下实现备份程序实例
2014/07/04 Python
Python爬虫抓取技术的一些经验
2019/07/12 Python
pytorch masked_fill报错的解决
2020/02/18 Python
AmazeUI框架搭建的方法步骤(图文)
2020/08/17 HTML / CSS
台湾菁英交友:结识黄金单身的台湾人
2018/01/22 全球购物
印度在线杂货店:bigbasket
2018/08/23 全球购物
英国领先的维生素和补充剂品牌:Higher Nature
2019/08/26 全球购物
军训鉴定表自我鉴定
2014/02/13 职场文书
《自选商场》教学反思
2014/02/14 职场文书
企业安全生产目标责任书
2014/07/23 职场文书
课外访万家心得体会
2014/09/03 职场文书
2014年信贷员工作总结
2014/11/18 职场文书
2014年教师思想工作总结
2014/12/03 职场文书
SQLServer权限之只开启创建表权限
2022/04/12 SQL Server