JavaScript是一種常用語言,它可以讓你為網頁添加動態效果,提升用戶體驗。在此,我們將介紹一些JavaScript常用命令及其使用方法。
1. document.getElementById
var element = document.getElementById("elementID");
該命令用于返回文檔中具有指定ID的元素。例如,若要將文本框元素的值更改為“Hello World”,可以使用以下代碼。
var element = document.getElementById("myTextBox"); element.value = "Hello World";
2. document.createElement
var element = document.createElement("elementName");
該命令用于在文檔中創建指定名稱的新元素。例如,如需在文檔中添加一個新的段落元素,可以使用以下代碼:
var para = document.createElement("p"); var node = document.createTextNode("這是一個新段落。"); para.appendChild(node); document.body.appendChild(para);
3. document.write
document.write(content);
該命令用于向文檔中寫入HTML內容。例如,如果要在網頁上寫入“Hello World”,可以使用以下代碼:
document.write("Hello World");
4. prompt
var result = prompt(message);
該命令用于顯示帶有指定消息的對話框,并允許用戶輸入文本。例如,如需展示一個提示框,要求用戶輸入其名字,并保存所輸入的值,可以使用以下代碼:
var name = prompt("請輸入您的名字:"); alert("您好," + name + "!");
5. confirm
var result = confirm(message);
該命令用于顯示帶有指定消息的對話框,并根據用戶的響應返回true或false。例如,如需確認是否刪除某項內容,可以使用以下代碼:
var result = confirm("是否刪除此內容?"); if (result == true) { //執行刪除操作。 } else { //取消刪除。 }
6. setInterval
var intervalID = setInterval(function, milliseconds);
該命令用于按指定時間間隔調用指定函數,直到調用clearInterval命令為止。例如,如需顯示當前時間,可以使用以下代碼:
function showTime() { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds(); document.write(hours + ":" + minutes + ":" + seconds); } var intervalID = setInterval(showTime, 1000);
7. setTimeout
var timeoutID = setTimeout(function, milliseconds);
該命令用于在指定時間后調用指定函數。例如,如需在3秒后執行某段代碼,可以使用以下代碼:
setTimeout(function() { //執行某段代碼。 }, 3000);
8. try...catch
try { //可能出現錯誤的代碼。 } catch(err) { //錯誤處理代碼。 }
該命令用于捕獲和處理可能發生的錯誤。例如,如果嘗試獲取不存在的元素,則會拋出一個錯誤:
try { var element = document.getElementById("nonexistentElement"); } catch(err) { alert("未找到指定元素。"); }
這些JavaScript常用命令可以大大提高網頁的交互性和用戶體驗。我們希望你能在實踐中熟練地使用它們。