js登錄界面代碼自用,使用js製作簡易登錄頁面

本文目錄一覽：

• 1、如何用js製作Tab欄官網登錄界面
• 2、求用js和html寫出靜態網頁的登錄窗口的代碼
• 3、用javascript編寫一段用戶名和密碼登錄代碼。點擊登錄按鈕後，頁面跳轉到另一個頁面，顯示此用戶名和密碼的
• 4、JS登錄界面如何儲存用戶名和密碼信息，實現登錄的時候查詢驗證匹配，不用數據庫有三個用戶，求JS代碼

如何用js製作Tab欄官網登錄界面

1、在桌面找到並且打開js軟件。

2、新建一個項目，並且保存打開項目。

3、依次寫入想要的官網代碼即可。以上就是用js製作tab欄官網登錄界面的方法。

求用js和html寫出靜態網頁的登錄窗口的代碼

function login(){

if (document.login.usename.value== “logon” document.login.password.value ==”logon”) {

location.href=”main.html”;

//document.login.usename 跟document.login.password 中的login 要換成你的表單名稱, //usename、password 要換成你 字段的名稱。

}else{

return false;

}

}

用javascript編寫一段用戶名和密碼登錄代碼。點擊登錄按鈕後，頁面跳轉到另一個頁面，顯示此用戶名和密碼的

function login()

{

var username=document.getElementById(“userName”);

var password=document.getElementById(“password”);

if(username.value==”admin”password.value=”123456″)

{

window.location.href=”success.html”;

}

}

為登錄按鈕註冊onclick=“login()”

JS登錄界面如何儲存用戶名和密碼信息，實現登錄的時候查詢驗證匹配，不用數據庫有三個用戶，求JS代碼

HTML代碼

!DOCTYPE html

html

head

meta charset=”UTF-8″

meta http-equiv=”X-UA-Compatible” content=”ie=edge”

titleDocument/title

/head

body

div

用戶名 : input type=”text” name=”username” id=”username_input”/br

密碼 : input type=”password” name=”passwd” id=”passwd_input”/br

input type=”button” value=”登錄” onclick=”login()”

/div

/body

/html

Js代碼

script type=”text/javascript”

var accountAll = [

{‘username’ : ‘admin’,’passwd’ : ‘admin123’},

{‘username’ : ‘jack’,’passwd’ : ‘jack’}

] // 存儲賬戶json數據的數組

function login(){ //登陸判斷

var username = document.getElementById(‘username_input’).value; // 獲取username輸入框內容

var passwd = document.getElementById(‘passwd_input’).value; // 獲取passwd輸入框內容

var account = accountAll.filter(function(e){return e.username == username})[0]; // 篩選賬號返回數組，不存在則返回空數組

if(!account){

console.log(‘賬戶不存在’);

} else {

if(account.username == username  account.passwd == passwd){

console.log(‘登陸成功’);

} else {

console.log(‘登陸失敗’);

}

}

}

/script