1.3.3 JavaScript常用的輸入輸出語句

在實際開發中，為了方便數據的輸入和輸出，JavaScript提供了輸入輸出語句。常用的輸入輸出語句如表1-3所示。

表1-3 常用的輸入輸出語句

下面分別演示prompt()語句、alert()語句、document.write()語句和console.log()語句的使用。

1.prompt(）語句

使用prompt()語句實現在網頁中彈出一個帶有提示信息的輸入框，示例代碼如下。

prompt（＇請輸入手機號：＇）;

prompt()語句的運行結果如圖1-11所示。

由圖1-11可知，頁面中彈出了一個輸入框，提示用戶“請輸入手機號：”，說明使用prompt()語句可以在網頁中彈出一個帶有提示信息的輸入框。

2.alert(）語句

使用alert()語句實現在網頁中彈出一個警告框，示例代碼如下。

alert（＇這是一個警告框＇）;

alert()語句的運行結果如圖1-12所示。

由圖1-12可知，頁面中彈出了一個警告框，提示用戶“這是一個警告框”，說明使用alert()語句可以在網頁中彈出一個警告框。

圖1-11 prompt()語句的運行結果

圖1-12 alert()語句的運行結果

3.document.write(）語句

使用document.write()語句時，如果輸出內容中含有HTML標簽，則輸出內容會被瀏覽器解析。下面使用 document.write()語句在頁面中輸出“誰知盤中餐，粒粒皆辛苦。”，示例代碼如下。

document.write（＇誰知盤中餐，粒粒皆辛苦。＇）;

document.write()語句的運行結果如圖1-13所示。

由圖1-13可知，頁面中輸出了“誰知盤中餐，粒粒皆辛苦。”，說明使用document.write()語句能夠在網頁中輸出內容。

4.console.log(）語句

使用console.log()語句在控制臺中輸出“一年之計在于春，一日之計在于晨。”，示例代碼如下。

console.log（＇一年之計在于春，一日之計在于晨。＇）;

上述示例代碼運行后，需要在瀏覽器的控制臺中查看輸出的內容。首先按“F12”鍵啟動開發者工具，然后切換到“Console”（控制臺）面板，即可查看 console.log()語句的輸出內容。

console.log()語句的運行結果如圖1-14所示。

圖1-13 document.write()語句的運行結果

圖1-14 console.log()語句的運行結果

由圖1-14可知，在控制臺中輸出了“一年之計在于春，一日之計在于晨。”，說明使用console.log()語句能夠在控制臺中輸出內容。

腳下留心：輸出內容包含JavaScript結束標簽的情況

如果輸出的內容中包含 JavaScript 結束標簽，則會導致代碼提前結束。若要解決這個問題，需要使用“\”對結束標簽的“/”進行轉義，即使用“<\/script>”，示例代碼如下。

document.write（＇<script>alert（1）;<\/script>＇）;

運行上述示例代碼后，頁面中會彈出一個警告框。如果沒有使用“\”對結束標簽進行轉義，則</script>會被當成結束標簽，使得頁面不會彈出警告框，程序會報錯。