JavaScript 学习日志（输出）

1. 使用 window.alert() 弹出警告框。

   
   	<script>
   		window.alert("hello"); // 弹窗输出 "hello"
   	</script>
   
   

2. 使用 innerHTML 写入到 HTML 元素。
   document.getElementById(“使用 id 属性来查找 HTML 元素”).innerHTML = “输入内容”

   
   	<p id="demo">修改前</p>
   	
   	<script>
   		document.getElementById("demo").innerHTML = "修改后";
   	</script>
   	// 页面输出 "修改后"
   	
   

3. 使用 document.write() 方法将内容写到 HTML 文档中。

   
   	<script>
   		document.write("123");
   	</script>
   	// 页面输出 "123"
   	
   

   如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

   
   	<p>点击前</p>
   	<button onclick="myFunction()">点一下</button>
   	
   	<script>
   		function myFunction() {
   		    document.write("点击后");
   		}
   	</script>
   	// 点击按钮后，页面输出从 "点击前"+按钮 变为 "点击后"，当前页面被脚本覆盖
   	
   

4. 使用 console.log() 写入到浏览器的控制台，主要用于调试代码。

   
   	<script>
   		var c = 10;
   		console.log(c);
   	</script>
   	// 控制台显示 10