JS 输出

  • window.alert() 弹出警告框。
  • document.write() HTML 页面输出文本。
  • innerHTML 写入元素内容。
  • console.log() 向浏览器的控制台输出内容。

JS - window.alert()

弹出警告框来显示数据。window.alert = alert,可直接 alert()。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title> pangugle 教程</title>
	</head>
	<body>
		<script>
			window.alert("你好");
		</script>
	</body>
</html>

JS - document.write()

document.write() 向页面输出文本。
如果在文档已完成加载后执行 document.write(),整个 HTML 页面将被覆盖

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title> pangugle 教程</title>
	</head>
	<body>
		<p>pangugle 教程</p>
		<script>
			/*
			* window.onload 文档加载完后执行这个方法
			*/
			window.onload=function(){
			    document.write('你好!');
			}
		</script>
	</body>
</html>

JS - innerHTML

innerHTML 往元素写入内容。如果元素本来就有内容,则会替换元素的内容。
innerHTML 需要在获取到元素后才能调用。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title> pangugle 教程</title>
	</head>
	<body>
		<div id="demo">pangugle 教程</div>
		<script>
			var demo = document.getElementById("demo"); //获取元素
			demo.innerHTML = "这是个节点"; //替换文本
		</script>
	</body>
</html>

JS - console.log() 控制台输出

开启浏览器的调试模式后,在调试窗口中 console(控制台)可以看到输出

<script>
	console.log("学习IT技术,获得高薪就业");
</script>

控制台输出.jpg

图1