一、輸出語句

JavaScript 沒有任何列印或者輸出函式。可以通過以下方式來顯示資料：
1.使用 windows.alert() 彈出警告框，可省略windows，直接使用 alert()；
2.使用 document.write() 方法將內容寫在 HTML 文件中；
3.使用 console.log() 方法寫入到瀏覽器的控制檯；
控制檯(Console)：在這個面板裡可以直接輸入JavaScript程式碼，按回車後執行。要檢視一個變數的內容，在Console中輸入console.log(a);，回車後顯示的值就是變數的內容。

開啟控制檯的方法：
1）谷歌瀏覽器
快捷鍵： Ctrl + Shift + i
在瀏覽器上方右側的三個點的圖示，依次點選 “更多工具”-“開發者工具(Developer Tools)”，瀏覽器視窗就會一分為二

2）360
在瀏覽器上方右側的三個橫線的圖示，依次點選 “工具”-“開發人員工具”，瀏覽器視窗就會一分為二
快捷鍵： F12

3）火狐
在瀏覽器上方右側的三個橫線的圖示，依次點選 “Web開發者”-“Web控制檯”，瀏覽器視窗就會一分為二
快捷鍵： F12 或 Ctrl + Shift + k

4.使用 innerHTML 寫入到 HTML 元素；

二、輸入語句

prompt();

三、示例：

示例一：

<!DOCTYPE html>
<html>
<head>
	<title>Three Output</title>
</head>
<body>
	<p id="test"> 我是原有內容 </p>
	</br>
	<script type="text/javascript">
		//測試發現無論三個語句的順序如何，頁面展示的時候都是先展示alert()，在展示 document.write(), 最後顯示 console.log()
		alert("我是通過彈出框 alert() 展示的");
		console.log("我是通過 console.log() 寫到控制檯的。");
		document.write("我是通過 document.write() 直接寫到 HTML 頁面中的");
		document.getElementById("test").innerHTML = "我是通過 innerHTML 修改 HTML 頁面中的元素的值";
	</script>

</body>
</html>

示例二：三種輸出語句中實現換行的方法

<!DOCTYPE html>
<html>
<head>
	<title>三種輸出語句練習</title>
</head>
<body>
	<p>
		題目：利用三種輸出語句，輸出以下內容，注意換行：</br>
			姓名：xxx </br>
			年齡：xx</br>
			性別：xx</br>
	</p>
	<hr>

	<script type="text/javascript">
		//document.write("姓名：張三\n年齡：18\n性別：女");//這種方式無法換行,\n原樣輸出
		document.write("姓名：張三</br>年齡：18</br>性別：女");//這種方式可以換行，通過 document.write 輸出語句中可以新增 HTML 標籤

		alert("姓名：張三\n年齡：18\n性別：女");
		//alert("姓名：張三</br>年齡：18</br>性別：女"); //這種方式不可以換行，</br>原樣輸出

		console.log("姓名：張三\n年齡：18\n性別：女");
		//console.log("姓名：張三</br>年齡：18</br>性別：女");//這種方式不可以換行，</br>原樣輸出
	</script>
</body>
</html>

示例三：輸入語句

<!DOCTYPE html>
<html>
<head>
	<title>輸入語句</title>
</head>
<body>
	<script type="text/javascript">
		// 通過 prompt() 函式進行輸入
		console.log( prompt() );
		//document.write( prompt() ); // ok
		//alert( prompt() ); //ok
	</script>
</body>
</html>

參考：
http://www.51zxw.net/list.aspx?cid=563
http://www.runoob.com/js/js-tutorial.html
《JavaScript 高階程式設計》

宣告：
本部落格的所有內容，僅是自己的一些學習筆記，如有錯誤，歡迎指正。如有侵權，請告知修改。

JavaScript 學習筆記三：輸出輸入語句

文章目錄

一、輸出語句

二、輸入語句

三、示例：

相關推薦