JavaScript中的顯示調用

在前端開發中，JavaScript經常被用來實現與用戶交互，并且經常被用來改變文本、圖像和其他內容的顯示方式。這就需要使用JavaScript來調用顯示方法，以確保頁面內容能夠按照我們所期望的方式呈現出來。

下面就來介紹一下JavaScript中的幾種常見的顯示調用方法。

alert()

JavaScript中的alert()方法用于在瀏覽器中彈出一個基本對話框，其中包含一段文本信息。alert()方法通常用于向用戶展示一條信息，或確保用戶已經閱讀并理解了一些重要的信息。

alert("這是一個alert彈出框。")

confirm()

confirm()方法通常用于在用戶執行某些操作之前，請求他們確認是否繼續。這個方法彈出一個瀏覽器對話框，包含一個文本消息及兩個按鈕-確認和取消。如果用戶單擊確認按鈕，confirm()方法返回true，否則返回false。

if (confirm("你確定要刪除這個文件嗎？")) {  
alert("文件已刪除！");  
} else {  
alert("取消刪除。");  
}

prompt()

JavaScript的prompt()方法用于在瀏覽器中彈出一個對話框，要求用戶輸入一些文本。通常，prompt()方法用于從用戶那里收集信息。

let name = prompt("請輸入您的姓名：");  
if (name != null) {  
alert(`歡迎你，${name}！`);  
}

innerHTML

innerHTML屬性用于修改HTML元素的內容。通過innerHTML，我們可以直接在JavaScript中修改HTML頁面。使用innerHTML，可以方便地動態更新文本內容、圖像、列表等等。

let element = document.getElementById("mydiv");  
element.innerHTML = "這是在JavaScript中修改的文本";

innerText

innerText屬性與innerHTML類似，也是用于修改元素的內容。它可以用于改變元素中的文本內容，但是不會影響到HTML標記和其他元素。因此，innerText比innerHTML更適用于只顯示文本的元素，例如

let element = document.getElementById("mydiv");  
element.innerText = "這是在JavaScript中修改的文本";

let element = document.getElementById("mydiv");  
element.setAttribute("class", "highlight");