JavaScript常见的的输出方式

JavaScript常见的的输出方式

1.通过弹窗的形式输出

警告框

window.alert("输出内容");

确认框

window.confirm("确认信息的标题");

提示框

window.prompt("提示框标题","默认输出内容");

以上三种方式的window可以省略。

2.通过网页的内容区域形式输出

documen.write("输出的内容");

注意:因为document.write()是直接向文档中添加内容，所以当js文件中使用了window.οnlοad=function(){}时，使用document.write()会将页面中的内容覆盖，一般不推荐使用。

3.通过开发者工具控制台形式输出

console.log("要打印的内容");

此方式输出的内容在浏览器的控制台中被打印出来，一般此方法用于调试js文件，检测网页中bug出错的位置。

4.通过网页中的元素添加内容输出

//innerHTML  此方法可以在网页的标签中添加内容，内容中的标签可以被浏览器解析
document.getElementById("box").innerHTML="<h1>要在标签中的内容</h1>";
//innerText  此方法同样可以在网页的标签中添加内容，但是添加的内容只会以纯文本形式被浏览器解析
document.getElementById("box").innerText="要在标签中插入的文本内容";

讲解视频链接接：https://www.bilibili.com/video/BV1HT4y1u7eu/