在網頁開發中，用戶登錄功能是非常基礎也是重要的功能之一。通過用戶登錄，我們可以對不同的用戶進行身份驗證，并根據不同的權限來控制用戶對網頁的操作。在javascript中，可以通過使用表單及相關的事件處理來實現用戶登錄功能。

首先，在html中，我們需要創建一個表單，包含用戶名及密碼的輸入框，還要有一個提交按鈕。代碼如下：

<form id="loginForm">
<label for="username">用戶名:</label>
<input type="text" id="username" name="username">
<br>
<label for="password">密碼:</label>
<input type="password" id="password" name="password">
<br>
<button type="submit">登錄</button>
</form>

接著，在javascript中，我們需要對表單的提交事件進行處理，驗證用戶名及密碼是否正確。例如，我們可以通過定義一個用戶對象數組來維護不同用戶的信息：

let users = [
{ username: 'admin', password: '123456', role: 'admin' },
{ username: 'guest', password: '123456', role: 'guest' }
];

然后，我們可以在表單的提交事件中，獲取用戶名及密碼的值，與用戶對象數組中的信息進行匹配，如果匹配成功則登錄成功，否則登錄失敗。代碼如下：

document.getElementById('loginForm').addEventListener('submit', function(e) {
e.preventDefault();
let username = document.getElementById('username').value;
let password = document.getElementById('password').value;
let user = users.find(function(user) {
return user.username === username && user.password === password;
});
if (user) {
alert('登錄成功！歡迎您，' + user.username);
} else {
alert('登錄失敗！用戶名或密碼錯誤。');
}
});

在實際開發中，為了提高安全性，我們通常會將用戶信息存儲在數據庫中，并使用加密算法對密碼進行加密。此外，還可以使用cookies或session等技術對用戶進行身份驗證，以及實現記住密碼、自動登錄等功能。總之，在網頁中實現用戶登錄功能是基本技能，同時也需要考慮安全問題。