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/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即可调出)才能查看输出。
输出结果:
更多推荐
JavaScript的输入输出语句
发布评论