面对刚刚学习 JavaScript 的同学们, 你是否知道 JavaScript 的输出方式呢? 想必刚刚入门的萌新还不知道它的输出方式. 想必刚刚入门的萌新还不知道它的输出方式. 那么下面就给大家简单的讲解一下它的输出方式.
JavaScript 输出:
JavaScript 没有任何打印或输出的函数, 可以通过不同的方式输出数据. 下面是几种 JavaScript 的输出方式:
使用 Windows.alert() 弹出警告框
使用 document.write()方法将内容写到 html 文档中
使用 document.getElementById("").innerHtml=" 需要写入的值 "; 写入到 HTML 元素
使用 console.log()写入到器的控制台
JavaScript 输出方式详解:
1: 使用 Windows.alert()
- <script>
- Windows.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>
来源: http://www.css88.com/qa/javascript/10946.html