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 相关文章推荐
让你的博文自动带上缩址的实现代码,方便发到微博客上
Dec 28 Javascript
JQuery入门——事件切换之toggle()方法应用介绍
Feb 05 Javascript
form表单中去掉默认的enter键提交并绑定js方法实现代码
Apr 01 Javascript
js比较日期大小的方法
May 12 Javascript
基于jQuery实现响应式圆形图片轮播特效
Nov 25 Javascript
JS实现table表格数据排序功能(可支持动态数据+分页效果)
May 26 Javascript
jquery radio的取值_radio的选中_radio的重置方法
Sep 20 Javascript
JavaScript实现开关等效果
Sep 08 Javascript
基于JS实现前端压缩上传图片的实例代码
May 14 Javascript
vue.js 打包时出现空白页和路径错误问题及解决方法
Jun 26 Javascript
Vue 3.0双向绑定原理的实现方法
Oct 23 Javascript
微信小程序select下拉框实现源码
Nov 08 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实现框架(一)
2006/10/09 PHP
PHP实现采集抓取淘宝网单个商品信息
2015/01/08 PHP
PHP数字金额转换成中文大写显示
2019/01/05 PHP
JQuery通过Ajax提交表单并返回结果
2011/07/31 Javascript
js中判断对象是否为空的三种实现方法
2013/12/23 Javascript
常用的JavaScript模板引擎介绍
2015/02/28 Javascript
jQuery插件ajaxFileUpload实现异步上传文件效果
2015/04/14 Javascript
jquery动感漂浮导航菜单代码分享
2020/04/15 Javascript
使用堆实现Top K算法(JS实现)
2015/12/25 Javascript
Javascript中字符串和数字的操作方法整理
2017/01/22 Javascript
nodejs读写json文件的简单方法(必看)
2017/03/09 NodeJs
通过学习bootstrop导航条学会修改bootstrop颜色基调
2017/06/11 Javascript
详解如何使用Node.js编写命令工具——以vue-cli为例
2017/06/29 Javascript
nodejs操作mongodb的填删改查模块的制作及引入实例
2018/01/02 NodeJs
Puppeteer环境搭建的详细步骤
2018/09/21 Javascript
总结javascript三元运算符知识点
2018/09/28 Javascript
用VueJS写一个Chrome浏览器插件的实现方法
2019/02/27 Javascript
vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)
2019/08/17 Javascript
jqGrid表格底部汇总、合计行footerrow处理
2019/08/21 Javascript
使用preload预加载页面资源时注意事项
2020/02/03 Javascript
原生js实现自定义滚动条
2021/01/20 Javascript
[02:38]2018年度DOTA2最佳劣单位选手-完美盛典
2018/12/17 DOTA
深入理解NumPy简明教程---数组2
2016/12/17 Python
Python OS模块实例详解
2019/04/15 Python
详解Python绘图Turtle库
2019/10/12 Python
Python 制作查询商品历史价格的小工具
2020/10/20 Python
日本著名的平价时尚女性购物网站:Fifth
2016/08/24 全球购物
UGG澳洲官网:UGG Australia
2018/04/26 全球购物
波兰在线杂货店:Polski Koszyk
2019/11/02 全球购物
优秀小学生家长评语
2014/01/30 职场文书
领导走群众路线整改措施思想汇报
2014/10/12 职场文书
2015年学校团委工作总结
2015/05/26 职场文书
导游词之广州陈家祠
2019/10/21 职场文书
Python使用UDP实现720p视频传输的操作
2021/04/24 Python
Python开发工具Pycharm的安装以及使用步骤总结
2021/06/24 Python
IDEA 2022 Translation 未知错误 翻译文档失败
2022/04/24 Java/Android