為了方便調(diào)試和展示程序的運(yùn)行結(jié)果，JavaScript提供了多種輸出語句，可以將數(shù)據(jù)顯示在不同的地方。本文將介紹JavaScript的五種常用輸出語句，并給出相應(yīng)的示例代碼。

使用 alert() 函數(shù)彈出提示框

alert()函數(shù)是瀏覽器提供的一個(gè)全局函數(shù)，可以接受一個(gè)字符串參數(shù)，并將其顯示在一個(gè)彈出的提示框中。這種輸出方式適合用于向用戶發(fā)送一些重要的信息或警告，但是會阻塞程序的執(zhí)行，直到用戶點(diǎn)擊確定按鈕。

alert("Hello, world!"); // 彈出提示框

使用document.write()方法將內(nèi)容寫入到HTML文檔中

document.write()方法是document對象的一個(gè)方法，可以接受一個(gè)字符串參數(shù)，并將其作為HTML代碼插入到當(dāng)前文檔的流中。這種輸出方式適合用于在頁面加載時(shí)動(dòng)態(tài)生成一些HTML內(nèi)容，但是如果在頁面加載完成后使用，會覆蓋整個(gè)文檔。

document.write("<h1>JavaScript輸出語句</h1>"); // 寫入HTML標(biāo)題 document.write("<p>這是一段文本</p>"); // 寫入HTML段落

使用innerHTML屬性將內(nèi)容寫入到HTML元素中

innerHTML屬性是HTML元素的一個(gè)屬性，可以獲取或設(shè)置元素的內(nèi)部HTML代碼。這種輸出方式適合用于修改已有的HTML元素的內(nèi)容，而不影響其他元素。

<h1 id="title">原標(biāo)題</h1> <p id="content">原內(nèi)容</p><script>document.getElementById("title").innerHTML = "新標(biāo)題"; // 修改標(biāo)題元素的內(nèi)容document.getElementById("content").innerHTML = "新內(nèi)容"; // 修改段落元素的內(nèi)容 </script>

使用console.log()方法在瀏覽器的控制臺輸出內(nèi)容

console.log()方法是console對象的一個(gè)方法，可以接受任意類型和數(shù)量的參數(shù)，并將其以字符串形式輸出到瀏覽器的控制臺中。這種輸出方式適合用于調(diào)試程序，查看變量的值，捕捉錯(cuò)誤等，但是對用戶不可見。

var a = 10; var b = 20; var c = a + b; console.log(c); // 在控制臺輸出30

使用prompt()函數(shù)彈出一個(gè)輸入框，并返回用戶輸入的內(nèi)容

prompt()函數(shù)是瀏覽器提供的一個(gè)全局函數(shù)，可以接受兩個(gè)字符串參數(shù)，分別表示提示信息和默認(rèn)值，并彈出一個(gè)輸入框，讓用戶輸入一些內(nèi)容。這種輸出方式適合用于獲取用戶的一些簡單輸入，但是也會阻塞程序的執(zhí)行，直到用戶點(diǎn)擊確定或取消按鈕。如果用戶點(diǎn)擊確定按鈕，函數(shù)會返回用戶輸入的內(nèi)容；如果用戶點(diǎn)擊取消按鈕或關(guān)閉輸入框，函數(shù)會返回null。

var name = prompt("請輸入你的姓名", "張三"); // 彈出輸入框if (name) {alert("你好，" + name); // 如果用戶輸入了姓名，彈出歡迎信息} else {alert("你沒有輸入姓名"); // 如果用戶沒有輸入姓名，彈出提示信息}

原文

總結(jié)

以上是生活随笔為你收集整理的JavaScript的输出语句的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。