下面我們來介紹一下如何在HTML中點擊登錄按鈕跳轉并顯示源代碼。 首先，我們需要在HTML中創建一個登錄按鈕元素并綁定點擊事件：

請先登錄：

登錄接下來，我們需要在JavaScript中編寫一個函數showCode()，該函數會在按鈕被點擊時跳轉至一個HTML文件并將源代碼顯示出來。我們可以使用location.href屬性來跳轉頁面，并使用XMLHttpRequest對象來獲取源代碼并在網頁上顯示出來。

function showCode() {
// 獲取源代碼
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://example.com/login.html", true); // 請將URL替換為你的登錄頁面地址
xhr.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var code = this.responseText;
// 在網頁上顯示源代碼
var codeBlock = document.createElement("pre");
codeBlock.innerText = code;
document.body.appendChild(codeBlock);
}
};
xhr.send();
// 跳轉頁面
location.href = "https://example.com/login.html"; // 請將URL替換為你的登錄頁面地址
}

以上代碼將創建一個

元素并將獲取到的源代碼賦值給它的innerText屬性，然后將該元素添加到網頁上。
最后，我們只需要在網頁中將該JavaScript文件引入即可：
請先登錄：
登錄
以上就是如何在HTML中點擊登錄按鈕跳轉并顯示源代碼的過程。