JavaScript的输入输出语句

今天为大家介绍JavaScript的输入输出语句，JavaScript可以以不同的方式在不同的地方“显示”数据。下面逐一为大家介绍下：

JavaScript输入语句：

JavaScript 使用window.prompt()可以接收用户的输入。

JavaScript输出语句：

JavaScript输出分为以下四种格式，
1.使用window.alert()弹出警告框
(2)使用 document. write()方法将内容写到 HTML 文档中。另外也可以用 document.writeIn ()将内容写入HTML文档，而且它会自动加上一个换行符。不过，由于HTML文档使用<,br >作为换行符，所以并不能真正用它来换行。
另外需要特别注意的一点是，document. write.或 document.writeln 向 HTML. 文档写入内容时,会覆盖掉文档里面已经被渲染完成的元素，所以通常用这些方法来调试页面，在真实的网页使用中很少会使用中该方法向页面中输入内容，而是选择下面第3种方式。
(3)使用innerHTML写人 HTML 元素中，比如DIV中。
(4)使用 console. log()写入浏览器的控制台。在湖览器中(Chome、IE.Firefox) F12键启用调试模式，在调试窗口中单击“Consale(控制台) ”菜单即可。例如例 5-1 所示代码，请注意代码中的注释。

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>输入输出</title>
<script>
/*在JavaScript中，使用//或/* */
/*在对代码进行注释，注释不会被当代码来执行*/
//每行代码后面尽量加上分号，养成良好的编程习惯
//定义变量content，接收用户输入的内容：
var content=window.prompt("请输入你的内容：");
//利用三种方式输出变量content 的值：
window.alert("您输入的内容是："+content);
document.write("您输入的内容是："+content);
console.log("您输入的内容是："+content）;
</script>
</head>
<body>
</body>
</html>

针对上述代码，正式运行的第一行代码是：“var content=window.prompt(" 请输入如你的内容：）；”，这行代码运行结果如图所示：
(https://img-blog.csdnimg.cn/20210515194743518.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzU2MzI5MDM3,size_16,color_FFFFFF,t_70#pic_center)
这个时候，在提示框里任意输入一段内容，例如输入"Hello world",此时该内容将赋值给变量content这个变量里面就会保存着用户输入的这段内容。后面的三行输出代码便将该变量的值输出到页面上，第一行输出代码的运行结果如图所示，可以看到window.alert()函数输出是以一个对话框的形式将内容展现在页面上的。首先输入Hello world

点击确定之后：
第二行输出代码document.write()的输出结果如图所示，直接将内容显示在浏览器窗口中。
同样是在弹框写入内容：
但是这次输出的位置会在页面上直接显示：

第三行输出之后可以看到，使用console.log() 的方式输出内容，内容并不会直接出现在浏览器窗口中，而是以调试日志的方式出现，需要使用开发人员工具（按键F12即可调出）才能查看输出。
输出结果：