JS中 用戶登錄系統(tǒng)的解決辦法
更新時間：2013年04月15日 17:30:43 作者：
本篇文章，小編將為大家介紹，JS中 用戶登錄系統(tǒng)的解決辦法，有需要的朋友可以參考一下
當(dāng)用戶輸入 pwd 密碼是 123 就跳到第二個頁面，4秒后，自動跳轉(zhuǎn)到第三個頁面
login.html
復(fù)制代碼 代碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript">
//進(jìn)行檢查
function check(){
//window.alert($("username").value);
if($("username").value=="pwd" && $("pwd").value=="123"){
return true;
}else{
$("username").value="";
$("pwd").value="";
return false;
}
}
//獲取文檔對象
function $(id){
return document.getElementById(id);
}
</script>
</head>
<body>
<form action="ok.html">
u:<input type="text" id="username" /><br/>
p:<input type="password" id="pwd" /><br/>
<input type="submit" value="提交" onclick="return check()"/>
</form>
</body>
</html>
ok.html
復(fù)制代碼 代碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript">
//跳轉(zhuǎn)到指定頁面
function tiao(){
clearInterval(myInterval);
window.open("success.html","_self");
}
//設(shè)置5秒跳轉(zhuǎn)
setTimeout("tiao()",5000);
//改變秒數(shù)
function changeSec(){
//改變數(shù)字
$("myspan").innerText=parseInt($("myspan").innerText)-1;
}
var myInterval=setInterval("changeSec()",1000);
//獲取對象
function $(id){
return document.getElementById(id);
}
</script>
</head>
<body>
登錄成功<span id="myspan">5</span>秒后自動跳轉(zhuǎn)
</body>
</html>
success.html
復(fù)制代碼 代碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript">
</script>
</head>
<body>
歡迎.......
</body>
</html>
相關(guān)文章
JavaScript window.document的屬性、方法和事件小結(jié)
document屬性作為window對象的一個子對象被創(chuàng)建，是用于訪問頁面中所有元素的對象，這里簡單整理下，方便學(xué)習(xí)js的朋友2012-10-10
HTML的全稱為超文本標(biāo)記語言，是一種標(biāo)記語言。它包括一系列標(biāo)簽．通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等2022-03-03
流程控制語句在JS中是至關(guān)重要的。JS中的流程控制語句包括if條件判斷語句、for循環(huán)語句、while循環(huán)語句、do……while循環(huán)語句、break語句、continue語句和switch語句等7種語句,需要的朋友可以參考下2017-09-09
javascript編程起步（第二課）...2007-01-01
這篇文章主要介紹了簡介JavaScript中strike()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了JavaScript中的Hoisting機制,涉及到JS中變量聲明的相關(guān)問題,需要的朋友可以參考下2015-08-08
淘寶網(wǎng)提供的國內(nèi)NPM鏡像簡介和使用方法
我們以前介紹過cnpmjs.org，非常棒的npm國內(nèi)鏡像。由于其使用量越來越大，加上淘寶內(nèi)部也有很多項目使用 NodeJS，于是，淘寶正式基于 cnpmjs 推出了鏡像服務(wù)2014-04-04
JavaScript中字符串與數(shù)組的includes()用法
這篇文章主要介紹了JavaScript中字符串與數(shù)組的includes()用法,需要的朋友可以參考下2023-06-06
移動端自適應(yīng)flexible.js的使用方法(不用三大框架，僅寫一個單html頁面使用）推薦
這篇文章主要介紹了移動端自適應(yīng)flexible.js使用方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
簡略說明Javascript中的= =(等于)與= = =(全等于)區(qū)別
本篇文章簡略說明了Javascript中的= =(等于)與= = =(全等于)區(qū)別，有需要的朋友可以參考一下2013-04-04