JavaScript输出
JavaScript没有任何打印或者输出的函数
JavaScript显示数据
JavaScript可以通过不同的方式来输出数据：
- 使用window.alert()弹出警告框
- 使用document.write()方法将内容写到HTML文档中
- 使用innerHTML写入到HTML元素
- 使用console.log()写入到浏览器的控制台
使用window.alert()
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>这是一个标签</h1> <p>这是一个段落</p> <script> window.alert(5+8); </script> </body> </html>
操作HTML元素
从JavaScript中访问某个元素，可以使用document.getElementById(id)方法。首先使用"id"属性来标识HTML元素，并innerHTML来获取或插入元素内容。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>我的第一个web页面</h1> <p id="demo">我的第一个段落</p> <button type="button" onclick="myFunction()">点击修改段落内容</button> <script> function myFunction() { document.getElementById("demo").innerHTML = "段落已修改。" } </script> </body> </html>
写到HTML文档
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <p>我是一个段落</p> <button onclick="myFunction()">获取当前时间</button> <script> var date = new Date() year = date.getFullYear() month = date.getMonth() days = date.getDay() hours = date.getHours() minutes = date.getMinutes() seconds = date.getSeconds() function myFunction() { document.write("今天是"+year+"年"+month+"月"+days+"日"+" "+hours+":"+minutes+":"+seconds) } </script> </body> </html>
注意：使用document.write()可以向文档中写入内容，如果在文档已完成加载后执行document.write,整个html页面会被覆盖。
写到控制台
可以使用 console.log() 方法在浏览器中显示 JavaScript 值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <html> <body> <h1>我的第一个 Web 页面</h1> <script> a = 5; b = 6; c = a + b; console.log(c); </script> </body> </html>
