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>