JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)(javascript如何输出变量)

编辑：rootadmin

推荐整理分享JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)(javascript如何输出变量)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:javascript输出语句,javascript如何输出变量,js中输出,javascript怎么输出,javascript输出结果,javascript的输出,javascript输出文本,javascript的输出,内容如对您有帮助，希望把文章链接给更多的朋友！

JavaScript 输出

JavaScript 没有任何打印或者输出的函数。

JavaScript 显示数据

JavaScript 可以通过不同的方式来输出数据：使用 window.alert() 弹出警告框。使用 document.write() 方法将内容写到 HTML 文档中。使用 innerHTML 写入到 HTML 元素。使用 console.log() 写入到浏览器的控制台。

使用 window.alert()你可以弹出警告框来显示数据：

操作 HTML 元素如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。请使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容：

JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)(javascript如何输出变量)

以上 JavaScript 语句（在 <script> 标签中）可以在 web 浏览器中执行：document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码。innerHTML = "段落已修改。" 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。在本教程中在大多数情况下，在本教程中，我们将使用上面描述的方法来输出：下面的例子直接把 id="demo" 的 <p> 元素写到 HTML 文档输出中：写到 HTML 文档出于测试目的，您可以将JavaScript直接写在HTML 文档中：

请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

写到控制台console.log() 如果您的浏览器支持调试，你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。浏览器中使用 F 来启用调试模式，在调试窗口中点击 "Console" 菜单。

实例 console 截图：

程序中调试是测试，查找及减少bug(错误)的过程。

注意这个console.log() 对于ie8及以下版本会报错，测试后注意注释掉。

js querySelector() 使用方法 querySelector定义和用法querySelector()方法返回文档中匹配指定CSS选择器的一个元素。注意：querySelector()方法仅仅返回匹配指定选择器的第一个元素。如果你

原生的强大DOM选择器querySelector介绍在传统的JavaScript开发中，查找DOM往往是开发人员遇到的第一个头疼的问题，原生的JavaScript所提供的DOM选择方法并不多，仅仅局限于通过tag,name,id等方式

关于javascript事件响应的基础语法总结(必看篇) 1、onclick是鼠标单击事件，当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序块就会被执行，通常与按钮一起使用//例子htmlheadscripttype