jquery判断页面网址是否有效的两种方法

2024-02-29 18:56:07

方法一：（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>

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！

利用jquery正则表达式在页面验证url网址输入是否正确

本文介绍的是使用jQuery正则表达式在前台页面验证url网址输入是否正确,代码如下: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"&
jquery中邮箱地址 URL网站地址正则验证实例代码

email地址验证复制代码代码如下: function checkEmail(){ var email=$.trim($("#report_email").val()); if(email == ""){ $("#report_email").next('p').html("*请输入邮箱地址!"); return false; } var re = /^([a-zA-Z0
jquery判断页面网址是否有效的两种方法

方法一:(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">&l
jQuery的 $.ajax防止重复提交的两种方法(推荐)

下面给大家带来两种关于jquery 的ajax防止重复提交的解决方法,具体介绍如下所示: 1.第一种,对于onclick事件触发的的ajax 可以采用如下方法: 即在beforeSend中使点击按钮不可用,ajax结果返回后置为可用 $.ajax( { type: 'POST', url: APP+'?m=Shopping&a=ajaxSubmitorder&sid='+sid+'&src='+src, cache:false, dataType: 'json', data: {'
基于jQuery实现图片推拉门动画效果的两种方法

''推拉门''动效也可以称作"手风琴"效果,大多数效果实现的思路基本是一样的,下面介绍两种方法,一种是通过改变图片的偏移位置实现移动,另一种是通过遍历背景图片后改变图片的宽度实现变换. 实现方法一:改变图片宽度 html+css代码 <body> <div class="box"> <ul>  <li&g
Android判断后台服务是否开启的两种方法实例详解

Android判断后台服务是否开启的两种方法实例详解最近项目用到后台上传,就开启了一个服务service. 但是刚开始用这种方法,有些机型不支持:酷派不支持.然后又换了第二种判断方法. // public boolean isServiceWork(Context mContext, String serviceName) { // boolean isWork = false; // ActivityManager myAM = (ActivityManager) mContext // .
微信小程序页面间值传递的两种方法

一:url带参数传递与前端语言一样,小程序页面间的传递可以通过在路由url后接参数,路由的同时会将参数一并传递到新的页面. index.wxml:  <view class="container">  <navigator url="../demo/demo?title=参数传递">title=参数传递</navigator>
Vue.js项目中管理每个页面的头部标签的两种方法

在 Vue SPA 应用中,如果想要修改 HTML 的头部标签,如页面的 title ,我们只能去修改 index.html 模板文件,但是这个是全局的修改,如何为每个页面都设置不一样的 title 呢?下面介绍两种方法. 使用router.meta 在路由里面配置每个路由的地址: routes: [ { /* (首页)默认路由地址 */ path: '/', name: 'Entrance', component: Entrance, meta: { title: '首页入口' } }, {
JQuery判断HTML元素是否存在的两种解决方法

在工作中遇到这么一种情况,页面部分HTML元素是通过服务端语言根据不同情况控制显示不同内容的,然而在同一个页面某些情况在DOM准备好后需要用到Ajax跟服务端通讯,而有些情况不需要,那么我只想在页面存在我指定的HTML标记的时候我才触发Ajax部分,毕竟这样可以减轻服务器的负担,废话一大堆,转入正题: 其实解决JQuery判断元素是否存在的问题,方法很简单: if($("#abc").length >0) { ... } if($("#abc").html()
在页面中引入js的两种方法(推荐)

在页面中引入js有两种基本方式:在页面中嵌入js.引用外部js文件. 一.在页面中嵌入js 这是在页面使用js最简单的方式了,一般我在写个小测试的情况下会用这种方式. 把script元素写在</body>前面,script元素的内容就是js代码.像这样: <script> // 在这里写js function test(){ alert('说点什么呢'); } test(); </script> 二.引用外部js文件引用外部js文件,可以使js文件和HTML文件相分离
用JavaScript判断CSS浏览器类型前缀的两种方法

不管我们对浏览器类型前缀有多么的讨厌,我们都不得不每天面对它,否者有些东西不能正常工作.这些前缀的用法有两种:在CSS里(例如"-moz-")和在JS里.有一个神奇的 X-Tag 项目里有一段很聪明的JavaScript脚本,可以用来判断当前使用的是什么前缀--让我来展示它是如何工作的! 比如 CSS 前缀,IE 的是 "-ms-",旧版 Opera 的是 "-o-",Firefox 的是 "-moz-",Safari/Chr
js判断字符是否是汉字的两种方法小结

有时需要判断一个字符是不是汉字,比如在用户输入含有中英文的内容时,需要判断是否超过规定长度就要用到.用 Javascript 判断通常有两种方法. 1.用正则表达式判断复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xml

jquery判断页面网址是否有效的两种方法

相关推荐

随机推荐