6-JavaScript 输出
6-JavaScript 输出
JavaScript 输出 window.alert() document.write() innerHTML 弹出警告框 实例 <!DOCTYPE html> <html> <body> <h1>我的第一个页面</h1> <p>我的第一个段落。</p> <script> window.alert(5 + 6); </script> </body> </html> console.log() 将内容写到 HTML 文档中 写入到 HTML 元素 写入到浏览器的控制台 实例 <!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <p id="demo">我的第一个段落</p> <script> document.getElementById("demo").innerHTML = "段落已修改。"; </script> </body> </html> document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代 码 innerHTML = "Paragraph changed." 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码 实例 document.write() 仅仅向文档输出写内容 如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。 实例1 实例2 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> </head> <body> <h1>我的第一个 Web 页面</h1> <p>我的第一个段落。</p> <script> document.write(Date()); </script> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> </head> <body> <h1>我的第一个 Web 页面</h1> <p>我的第一个段落。</p> <button onclick="myFunction()">点我</button> <script> function myFunction() { document.write(Date()); } </script> </body> </html> 实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> </head> <body> <h1>我的第一个 Web 页面</h1> <p> 浏览器中(Chrome, IE, Firefox) 使用 F12 来启用调试模式， 在调试窗口中点击 "Console" 菜单。 </p> <script> a = 5; b = 6; c = a + b; console.log(c); alert(c) </script> </body> </html> console.log() 方法能够让你看到你在页面中的输出内容，让你更容易调试javascript 与alert相比，console不会打断你页面的操作，console里面的内容非常丰富，你可以在 控制台输入 console。
posted on 2022-04-12 11:06  大话人生  阅读(12)  评论(0)  编辑  收藏  举报
Powered by:
博客园
Copyright © 2024 大话人生
Powered by .NET 9.0 on Kubernetes