jquery判斷頁面網(wǎng)址是否有效的兩種方法
更新時間：2016年12月11日 11:21:21 作者：Seven077
本文主要對jquery判斷頁面網(wǎng)址是否有效的兩種方法：jQuery方法；AJAX XMLHTTP方法；需要的朋友可以參考借鑒下
方法一：（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)文章
JQuery Ajax WebService傳遞參數(shù)的簡單實例
下面小編就為大家?guī)硪黄狫Query Ajax WebService傳遞參數(shù)的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
今天小編就為大家分享一篇解決jQuery使用append添加的元素事件無效的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
jQuery+ajax實現(xiàn)動態(tài)執(zhí)行腳本的方法
這篇文章主要介紹了jQuery+ajax實現(xiàn)動態(tài)執(zhí)行腳本的方法,分析了jQuery+Ajax實現(xiàn)腳本的動態(tài)加載與執(zhí)行的技巧,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了jQuery實現(xiàn)獲取綁定自定義事件元素的方法,涉及jQuery方法重載、事件綁定及元素操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了基于jQuery實現(xiàn)動態(tài)搜索顯示功能的相關(guān)資料,輸入數(shù)值自動匹配相關(guān)信息，感興趣的小伙伴們可以參考一下2016-05-05
jQuery學(xué)習(xí)筆記 操作jQuery對象 CSS處理
在對class屬性的操作中，實際上已經(jīng)改變元素樣式了，但這些都是根據(jù)已設(shè)定的CSS規(guī)則間接生效的。因此我們有必要使用更為直接的方式來改變原先設(shè)定好了的CSS規(guī)則2012-09-09
Jquery中.bind()、.live()、.delegate()和.on()之間的區(qū)別詳解
在我們?nèi)粘ｉ_發(fā)中經(jīng)常會使用到.bind()、.live()、.delegate()和.on()，有些同學(xué)會對這四者存在一些疑慮，所以下面這篇文章主要給大家介紹了關(guān)于Jquery中.bind()、.live()、.delegate()和.on()之間區(qū)別的相關(guān)資料，需要的朋友可以參考借鑒。2017-08-08
JQUERY 實現(xiàn)窗口滾動搜索框?？啃Ч?類似滾動?？?
由于分頁的效果卻又是非常令人厭惡的。滾動條無疑是一種簡單而又高效的一種方式。而這里，處于對用戶體驗的考慮，我使用Jquery實現(xiàn)了一種類似滾動?？康男Ч?，感興趣的朋友可以參考下哈2013-03-03
進度條插件在GitHub上多種多樣數(shù)量繁多,這總結(jié)出頁面進度條插件的實現(xiàn)要點,來教大家自己動手制作基于jQuery的Web頁面加載進度條插件2016-06-06
實時監(jiān)控input框,實現(xiàn)輸入框與下拉框聯(lián)動的實例
下面小編就為大家分享一篇實時監(jiān)控input框,實現(xiàn)輸入框與下拉框聯(lián)動的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01