JavaScript输入输出

C++, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">JavaScript输入输出

C++, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">JavaScript输入输出

1.输入输出

程序的目的是为了实现与用户的交互,要进行交互,必然会牵涉到输入和输出。使用window.prompt()可以接受用户的输入,输出则分以下4种方式。

  • 使用window.alert()弹出警告框。

  • 使用document.write()方法将内容写到HTML文档种。另外也可以用document.writeln()将内容写入HTML文档,而且它会自动加上一个换行符。不过,由于HTML文档使用<br>作为换行符,所以并不能真正用它来换行。

另外需要特别注意的一点是,document.write或document.writeln往HTML文档写入内容时,会覆盖掉文档里面已经被渲染完成的元素,所以通常用这些方法来调试页面,在真实的网页使用种很少会使用到该方法往页面种输入内容,而是选择下面第3种方式。

  • 使用innerHTML写入HTML元素种,比如DIV种。

  • 使用console.log()写入浏览器的控制台。在浏览器中(Chrome、IE、Firefox)使用F12键启用调试模式,在调试窗口种单击“Console(控制台)”菜单即可。

    例如案例5-1所示代码,请注意代码中的注释。

案例5-1   example01.html

 

<!DOCTYPE  html>

 

<html>

 

<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("请输入你的内容:");”,这行代码运行效果如图5-1所示。                           

JavaScript输入输出

图 5-1 prompt函数提示用户输入

这个时候,用户在提示框里面任意输入一段内容,例如输入“Hello 欢迎学习JavaScript”,此时该内容将复制给变量content,那么content这个变量里面就会保存着用户输入的这段内容。后面的三行输出代码便是将该变量的值输出到页面上,第一行输出代码的运行结果如果5-2所示,可以看到window.alert()函数输出是以一个对话框的形式将内容展现在页面上的。

JavaScript输入输出

图5-2 使用window.alert()输出内容

第二行输出代码document.write()的输出结果,如图5-3所示,直接将内容打印在浏览器窗口中。

JavaScript输入输出

图 5-3 使用document.write()输出内容

第三行输出代码如图5-4所示,可以看到,使用console.log()的方式输出内容,内容并不会直接出现在浏览器窗口种,而是以调试日志的方式出现,需要使用开发人员工具(按会计键F12即可调出)才能查看该输出。

JavaScript输入输出

图 5-4 使用console.log()输出内容

2.编辑规则

基于上述代码,介绍在JavaScript种常见的编程规则如下。

  1. 1)  //:双斜线,表示注释一行内容,备注不能换行。

  2. 2)  /* 备注内容 */:表示注释一段内容,可以对注释内容进行换行。

  3. 3)  var: JavaScript关键字,用于定义一个变量,是variable的简写。

  4. 4)  变量的名称可以自己随便写,但是通常会遵守一定的约定,即驼峰规则(Camel Rule)。

    驼峰规则分为大驼峰和小驼峰两张,比如HelloWorld、JavaScriptBasicStudy这种风格的名称称为大驼峰,即每一个单纯的首字母都大写;而像myNameIs、javascriptDemo这种名称则称为小驼峰,即首字母小写,后续的每个单纯的首字母都大写。这样的命名规则在很多编程语音种都遵守,如Java等。

  1. 5)  变量的命名规则:

  2.   尽量不要使用全拼,因为中文的全拼代表着很多重意义,名称无法准确表达其意义,如yinyue这个全拼,可表示为音乐、隐约、银月等,显然,如果表示音乐,用英文单词music会更加清晰。

  3.   尽量少用数字和特殊符合,并且JavaScript不支持以数字作为变量名称的开头,也不支持包含特殊符号,唯一例外的就是下划线和美元符号。

  4.   尽量避免随意简写,使代码可读性更强。比如JavaScriptBasicStudy这样的名称,如果简写为jsbs就没有任何意义,代码的可读性将会变差。

  5. 6)  每行代码都会以分号“;”结束,虽然在JavaScript种并不强制要求以分号结束一行代码,但是为了更好的习惯其他编程语言,如C、C++、Java、PHP等,建议加分号。

  6. 7)  在JavaScript种,变量是区分大小写的,比如变量JavaScript与变量javascript是两个不同的变量。

  7. 8)  所有字符串双引号、结束的分号、单引号等都必须是英文半角状态下的字符,否则代码将无法正常识别和处理,会导致错误。


作者:zhushican   分类:六六互联   日期:2022年08月11日   浏览:500   评论:0