jquery判斷頁面網(wǎng)址是否有效的兩種方法
方法一:(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 >【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.; alert('無效'); }else{ alert('有效'); } } }); }); });
方法二:(AJAX XMLHTTP方法: 使用ActiveXObject,所以僅支持IE,非IE內(nèi)核瀏覽器不可用。)
<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 onclick="javascript:return chkurl(this.href);">【ajax檢測鏈接有效性】</a>
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!
相關(guān)文章
EasyUI的treegrid組件動態(tài)加載數(shù)據(jù)問題的解決辦法
最近涉及到treegrid組件的查詢,需要根據(jù)查詢條件動態(tài)更新EasyUI的treegrid組件的動態(tài)加載查詢結(jié)果2011-12-12jQuery動畫出現(xiàn)連續(xù)觸發(fā)、滯后反復(fù)執(zhí)行的解決方法
這篇文章主要介紹了jQuery動畫出現(xiàn)連續(xù)觸發(fā)、滯后反復(fù)執(zhí)行的解決方法,實(shí)例分析了針對jQuery中slideUp、slideDown、animate等動畫運(yùn)用時出現(xiàn)的滯后反復(fù)執(zhí)行等問題的解決方法,需要的朋友可以參考下2015-01-01使用jquery-easyui的布局layout寫后臺管理頁面的代碼詳解
這篇文章主要介紹了使用jquery-easyui的布局layout寫后臺管理頁面的代碼詳解,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下2019-06-06Jquery?on("click")方法綁定事件后執(zhí)行多次的解決方法
這篇文章主要給大家介紹了關(guān)于Jquery?on("click")方法綁定事件后執(zhí)行多次的解決方法,文章通過實(shí)例代碼以及圖文介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用jQuery具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2023-06-06JQuery EasyUI 加載兩次url的原因分析及解決方案
這篇文章主要介紹了JQuery EasyUI 加載兩次url的原因分析及解決方案,需要的朋友可以參考下2014-08-08