JavaScript 输出
javascript 没有任何打印或输出的函数
可以通过不同的方式输出数据
使用 window.alert() 弹出警告框
使用 document.write()方法将内容写到 html 文档中
使用 document.getElementById("").innerHtml=" 需要写入的值 "; 写入到 HTML 元素
使用 console.log()写入到流浪器的控制台
1: 使用 window.alert()
<script>
window.alert('警告框');
</script>
2: 操作 HTML 元素
如需 JavaScript 访问某个 HTML 元素, 您可以使用 document.getElementById(id)方法
请使用 id 属性来标识 HTML 元素, 并 innerHTml 来获取或插入元素内容:
- <p id="demo">我的第一个段落</p>
- <script>
- document.getElementById("demo").innerHTML="段落已修改"
- </scirpt>
- document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 . 该方法是 HTML DOM 中定义的.
- innerHTML = "Paragraph changed." 是用于修改元素的 HTML 内容 (innerHTML) 的 JavaScript 代码.
- 3: 写到 HTML 文档
- 使用 document.write()方法将内容写到 HTML 内容中, 此功能可以直接将内容或 html 标签写入 html 文档中
- <script>
- docuemnt.write(Date());//Date()输出中国标准时间
- </script>
注意: 如果在文档已经完成加载后执行 document.write()将覆盖整个 HTml 页面
- Sample:
- <button type="button" onclick="myFunction">按钮</buton>
- <script>
- function myFunction(){
- document.write(Date());
- }
- </scipt>
- 4: 写到控制台
- 如果您的浏览器支持调试, 你可以使用 console.log() 方法在浏览器中显示 JavaScript 值.
- 浏览器中使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单.
- <!DOCTYPE html>
- <html>
- <body>
- <h1 > 我的第一个 web 页面</h1>
- <script>
- a = 5;
- b = 6;
- c = a + b;
- console.log(c);
- </script>
- </body>
- </html>
注意:
console.log() 方法能够让你看到你在页面中的输出内容, 让你更容易调试 javascript; 与 alert 相比, console 不会打断你页面的操作, console 里面的内容非常丰富, 你可以在控制台输入 console.
来源: http://www.bubuko.com/infodetail-2704493.html