HTML將很多網站所需的功能整合在一個頁面中,其中登錄是很重要的一項。有時候我們需要讓用戶在登錄之后進行一些操作,此時需要進行登錄判斷并進行對應的跳轉操作。下面是一段HTML中使用JavaScript實現的登錄判斷跳轉的代碼:
<!DOCTYPE html> <html> <head> <script> function checkLogin() { //獲取輸入的用戶名和密碼,并進行簡單的非空判斷 var username = document.getElementById("username").value; var password = document.getElementById("password").value; if(username == "" || password == "") { alert("用戶名和密碼不能為空!"); return false; } //如果用戶名和密碼正確,則跳轉到指定頁面 if(username == "admin" && password == "123456") { window.location.; } else { alert("用戶名或密碼錯誤!"); return false; } } </script> </head> <body> <form onsubmit="return checkLogin()"> <label for="username">用戶名</label> <input type="text" id="username" name="username"><br> <label for="password">密碼</label> <input type="password" id="password" name="password"><br> <input type="submit" value="登錄"> </form> </body> </html>
這段代碼實現了一個簡單的登錄判斷操作。在表單提交時,checkLogin()函數將被調用。它首先檢查用戶名和密碼是否為空,如果為空,則會彈出一個提示框,阻止表單的提交。如果用戶名和密碼不為空,則進行驗證。如果用戶名和密碼正確,則使用window.location.href屬性實現頁面跳轉;否則,彈出提示框提示用戶用戶名或密碼錯誤。