JavaScript输出显示内容(document.write、alert、innerHTML、console.log)

JavaScript输出

JavaScript没有任何打印或输出功能。

JavaScript显示数据

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

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

！DOCTYPE htmlhtmlbodyh1第一页/h1pMy第一段。/pscriptwindow . alert(5 6)；/script/body/HTML操作html元素要从JavaScript访问一个HTMl元素，可以使用document.getElementById(id)方法。使用“id”属性来标识HTML元素，使用innerHTML来获取或插入元素内容：

！DOCTYPE htmlhtmlbodyh1我的第一个网页/h1p id='demo '我的第一段/pscript document . getelementbyid(' demo ')。innerhtml='段落已被修改'；/script/body/html上面的JavaScript语句(在script标记中)可以在web浏览器中执行：document.getElementById('demo ')是使用Id属性查找HTMl元素的JavaScript代码。内部HTML='段落已被修改'是用于修改元素的HTML内容的JavaScript代码(innerHTML)。在本教程中，在大多数情况下，在本教程中，我们将使用上述方法进行输出：以下示例将id='demo '的P元素直接写入HTML文档输出：写入HTML文档出于测试目的，您可以将JavaScript直接写入HTML文档：

！DOCTYPE htmlhtmlbodyh1第一个网页/h1pMy第一段。/pscriptdocument . write(Date())；/script/body/html请使用document.write()仅将写入的内容输出到文档。如果在加载文档后执行document.write，整个HTML页面将被覆盖。

！DOCTYPE htmlhtmlbodyh1第一个网页/h1pMy第一段。/Pb button onclick=' my function()'单击me/button script function my function(){ document . write(date())；}/script/body/html到console console.log()如果浏览器支持调试，可以使用console.log()方法在浏览器中显示JavaScript值。在浏览器中使用F12启用调试模式，并在调试窗口中单击“控制台”菜单。

！DOCTYPE htmlhtmlbodyh1第一个网页/h1 scrita=5；b=6；c=a b；console . log(c)；/script/body/html实例控制台截图：

程序调试是测试、发现和减少错误的过程。

请注意，此console.log()将报告ie8及更低版本的错误，并在测试后记录这些错误。