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 相关文章推荐
QQ登录简单实现代码
Mar 09 Javascript
javascript 实现 原路返回
Jan 21 Javascript
jquery实现模拟百分比进度条渐变效果代码
Oct 29 Javascript
JavaScript BASE64算法实现(完美解决中文乱码)
Jan 10 Javascript
Vue-Cli中自定义过滤器的实现代码
Aug 12 Javascript
JavaScript实现图片拖曳效果
Sep 08 Javascript
使用clipboard.js实现复制功能的示例代码
Oct 16 Javascript
Node.js实现发送邮件功能
Nov 06 Javascript
Nuxt.js实战详解
Jan 18 Javascript
vuex+axios+element-ui实现页面请求loading操作示例
Feb 02 Javascript
JS中类的静态方法,静态变量,实例方法,实例变量区别与用法实例分析
Mar 14 Javascript
jQuery实现本地存储
Dec 22 jQuery
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和ACCESS写聊天室(四)
2006/10/09 PHP
Centos下升级php5.2到php5.4全记录(编译安装)
2015/04/03 PHP
php阿拉伯数字转中文人民币大写
2015/12/21 PHP
php中namespace及use用法分析
2016/12/06 PHP
ThinkPHP实现简单登陆功能
2017/04/28 PHP
PHP性能分析工具xhprof的安装使用与注意事项
2017/12/19 PHP
PHP实现的用户注册表单验证功能简单示例
2019/02/25 PHP
jQuery 选择器、DOM操作、事件、动画
2010/11/25 Javascript
纯JS实现的批量图片预览加载功能
2011/08/14 Javascript
javascript实现ecshop搜索框键盘上下键切换控制
2015/03/18 Javascript
js+cookies实现悬浮购物车的方法
2015/05/25 Javascript
JS右下角广告窗口代码(可收缩、展开及关闭)
2015/09/04 Javascript
AngularJS优雅的自定义指令
2016/07/01 Javascript
用JS中split方法实现彩色文字背景效果实例
2016/08/24 Javascript
微信小程序 Nginx环境配置详细介绍
2017/02/14 Javascript
JS控制鼠标拒绝点击某一按钮的实例
2017/12/29 Javascript
cocos2dx+lua实现橡皮擦功能
2018/12/20 Javascript
ES6基础之数组和对象的拓展实例详解
2019/08/22 Javascript
[02:28]DOTA2 2015国际邀请赛中国区预选赛首日现场百态
2015/05/26 DOTA
Python开发之快速搭建自动回复微信公众号功能
2016/04/22 Python
Python中enumerate函数代码解析
2017/10/31 Python
Django为窗体加上防机器人的验证码功能过程解析
2019/08/14 Python
python多线程实现代码(模拟银行服务操作流程)
2020/01/13 Python
基于django 的orm中非主键自增的实现方式
2020/05/18 Python
python实现一次性封装多条sql语句(begin end)
2020/06/06 Python
可视化pytorch 模型中不同BN层的running mean曲线实例
2020/06/24 Python
使用jupyter notebook运行python和R的步骤
2020/08/13 Python
Expedia韩国官网:亚洲发展最快的在线旅游门户网站
2018/02/26 全球购物
智能室内花园:Click & Grow
2021/01/29 全球购物
信息专业本科生个人的自我评价
2013/10/28 职场文书
统计岗位职责
2014/02/21 职场文书
2014年学校党建工作总结
2014/11/11 职场文书
2014年移动公司工作总结
2014/12/08 职场文书
CSS实现多个元素在盒子内两端对齐效果
2021/03/30 HTML / CSS
python 定义函数 返回值只取其中一个的实现
2021/05/21 Python
python入门学习关于for else的特殊特性讲解
2021/11/20 Python