首页 > 编程语言> 文章详细

JavaScript 语法：注释与输入 / 输出

2020-10-24 19:35:06 阅读：185 来源： 互联网

标签：注释输出 JavaScript 语法 write var document

作者:WangMin
格言:努力做好自己喜欢的每一件事

JavaScript 注释

JavaScript 注释用于解释 JavaScript 代码，提高代码的可读性，也可以用于在测试替代代码时阻止执行，而且JavaScript 代不会执行注释。

1、JavaScript 单行注释（最常见）

单行注释以 // 开头，任何位于 // 与行末之间的文本都会被 JavaScript 忽略（不会执行）。

以下案例在每条代码行之前使用单行注释：

<input type="button" value="提交"/>

//获取元素
var ele=document.getElementsByTagName('input');

以上案例中浅灰色字体表示的就是注释。单行注释可以加在每条代码行之前，也可以加在每行JavaScript 代码的末尾，如下：

var ele=document.getElementsByTagName('input'); //获取元素

2、JavaScript 多行注释（用于官方声明）

多行注释以 /* 开头，以 / 结尾，任何位于 / 和 */ 之间的文本都会被 JavaScript 忽略。案例如下：

<input type="button" value="提交"/>

/*
1、获取元素
2、初始值
*/
var ele=document.getElementsByTagName('input');
var a=0;

以上案例中浅灰色字体表示的就是注释。

注释的重要性

养成一个好的习惯就是写注释。
方便你二次阅读，维护你的代码。
如果后面项目转手，也方便别人来理解你的代码和维护你的代码。

JavaScript 输入 / 输出

在JavaScript中可以非常方便地实现输入输出信息，并与用户进行交互。

1、警告窗函数alert(“要输出的信息”)

alert()方法是window对象的一个方法，因此在使用时，不需要写window窗口对象名，而是直接使用就行了。它主要用途用在输出时产生有关警告提示信息或提示用户，一旦用户按“确定”钮后，才可继续执行其他脚本程序。这个函数只有一个参数，参数可以是字符串、变量或者表达式。如下：

var str="你好，明天";
alert(str);

在这里插入图片描述

<input type="button" value="提交"/>

var ele=document.getElementsByTagName('input');
alert(ele);

在这里插入图片描述

var a=5+6;
alert("5+6="+a)

字符串和表达式之间用 "+" 加号连接。
在这里插入图片描述
2、输出函数document.write() / document.writeln()方法

document是JavaScript中的一个对象在它中封装许多有用的方法，其中write() 和 writeln() 就是用于将文本信息直接输出到浏览器窗口中 (输出文字到HTML界面) 的方法。调用方法为 document.write() / document.writeln()。

document.write("document是<br/>JavaScript中的一个对象在它中封装许多有用的方法");

在这里插入图片描述
注意document.write()函数中换行要用 <br/>。

document.writeln() 方法与 document.write() 的区别：document.writeln() 方法会自动在文本之后加入回车符，如下：

document.writeln("123");
document.write("456");

在这里插入图片描述

3、输入函数prompt(“显示的信息”，“输入框中的默认值”)：利用输入、输出方法实现用户交互。

prompt()函数有2个参数，返回的是字符串类型。这个方法首先在浏览器窗口中弹出一个对话框，让用户自行输入信息。一旦输入完成后，就返回用户所输入信息的值。例如：

var like=prompt("你的爱好是：","唱歌");
alert("你的爱好是："+like);

在这里插入图片描述

如果用户单击取消按钮，此函数将返回NULL值，如下：

在这里插入图片描述
4、输出函数confirm(“要输出的信息”)

弹出一个确认消息对话框，有确定和取消两个按钮，点击确定就返回true，点击取消就返回false。这个方法常用来作简单判断，非常方便，但每次总是要弹框，所以还是挺麻烦的。例子如下：

confirm("你今天过得好吗？");

在这里插入图片描述

5、输出函数console.log("要输出的信息")

用法和上面方法一致，只是信息会输出到控制台（浏览器F12打开审查元素页面，下面就是控制台）。审查元素后点击Console就会出现控制台的界面了，如下：

在这里插入图片描述
案例如下：

var a=5+6;
console.log("5+6="+a);

在这里插入图片描述
注意：

console.log() 方法能够让你看到你在页面中的输出内容，让你更容易调试程序。
与alert相比，console不会打断你页面的操作。

以上仅是个人见解，若有不足之处欢迎在下方评论指出，那就先分享到这里!!

标签：注释,输出,JavaScript,语法,write,var,document
来源： https://www.cnblogs.com/wmbuke/p/13870613.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JavaScript 语法：注释与输入 / 输出

JavaScript 注释

JavaScript 输入 / 输出