JavaScript的输入输出语句

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即可调出)才能查看输出。
输出结果:在这里插入图片描述

  • 8
    点赞
  • 32
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值