javascript 没有任何打印或者输出的函数。
一、javascript 显示数据
javacript可以通过不同的方式来输出数据:
1.使用window.alert()弹出警告框
2.使用document.write()方法将内容写到HTML文档中。
3.使用innerHTML写入HTML的元素。
4.使用console.log()写入到浏览器的控制台。
A 使用window.alert()
<!DOCTYPE html> <html> <body> <h1>我的第一个页面</h1> <p>我的第一个段落。</p> <script> window.alert(111); </script> </body> </html>
B 操作HTML元素
如需从javascript访问某个HTML元素,使用document.getElementById(id)方法。
请使用'id'属性标识HTML 元素,并innerHTML来获取或插入元素的内容。以下javascript语句(在<script>标签中)可以在web 浏览器中执行。
<!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <p id="demo">我的第一个段落</p> <script> document.getElementById("demo").innerHTML = "段落已修改。"; </script> </body> </html>
c写到HTML文档
出于测试目的,可以将javascript 直接写在htmll 文档中:
<!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <p>我的第一个段落。</p> <script> document.write(Date()); </script> </body> </html>
使用document.write()仅仅向文档输出写内容。 如果在文档已完成加载后执行document.write,整个HTML页面将被覆盖。如下图代码所示:
<!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <p>我的第一个段落。</p> <button onclick="myFunction()">点我</button> <script> function myFunction() { document.write(Date()); } </script> </body> </html>
D 写到控制台
如果你的浏览器指出调试,可以使用console.log()方法在浏览器中显示javascript值。
<!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <script> a = 5; b = 6; c = a + b; console.log(c); </script> </body> </html>
如下图console 截图