當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > 密碼保護(hù)頁JS怎么寫

密碼保護(hù)頁JS怎么寫

2012/11/13 16:15:53作者:佚名來源:網(wǎng)絡(luò)

移動端

【實(shí)例名稱】

密碼保護(hù)頁JS怎么寫

【實(shí)例描述】

網(wǎng)站中某些頁面只有會員或管理員才可以進(jìn)入。本例學(xué)習(xí)如何為網(wǎng)頁設(shè)置密碼保護(hù)。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標(biāo)題頁-學(xué)無憂(www.wangbatian.cn)</title> <SCRIPT LANGUAGE="JavaScript"> function password() { var inputCount = 1; //彈出密碼輸入框 var pass1 = prompt('請輸入密碼(密碼默認(rèn)為password):',''); //判斷輸入密碼是否超過3次 while (inputCount < 3) { if (!pass1) history.go(-1); if (pass1 == "password") { alert('密碼正確!'); break; } inputCount+=1; //彈出錯誤信息提示 var pass1 = prompt('密碼錯誤!請重新輸入:'); } if (pass1!="password" & inputCount ==3)               history.go(-1); return " "; }       document.write(password()); </SCRIPT> </head> <body> </body> </html>

【運(yùn)行效果】

 密碼保護(hù)頁運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)是彈出密碼輸入框。這里不是使用普通頁面,而是使用prompt。prompt和alert一樣都彈出一個對話框,不同的是prompt要求輸入數(shù)據(jù),而alert則是彈出一些提示信息。

【源碼下載】

為了JS代碼的準(zhǔn)確性,請點(diǎn)擊:密碼保護(hù)頁 進(jìn)行本實(shí)例源碼下載 

標(biāo)簽: 密碼  保護(hù)頁