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

简介: JavaScript 语法 之 注释与输入 / 输出

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

1.jpg

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);

2.png

<input type="button" value="提交"/>
var ele=document.getElementsByTagName('input');
alert(ele);

3.png

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

字符串和表达式之间用 "+" 加号连接。

4.png

2、输出函数document.write() / document.writeln()方法

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

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

5.png

注意document.write()函数中换行要用 \。

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

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

6.png

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

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

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

7.png

8.png

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

9.png

10.png

4、输出函数confirm(“要输出的信息”)

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

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

11.png

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

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

12.png

案例如下:

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

13.png

注意:

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

以上仅是个人见解,若有不足之处欢迎在下方评论指出,那就先分享到这里!! :smile: 后续继续更新!!

目录
相关文章
|
4月前
|
存储 JavaScript 前端开发
Node.js的基本语法
【8月更文挑战第12天】Node.js的基本语法
137 1
|
2月前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
2月前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
30 0
|
4月前
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
3月前
|
JSON JavaScript 前端开发
如何使用代码注释:关于JavaScript与TypeScript
TSDoc是一种标准化TypeScript代码文档注释的规范,使不同工具能无干扰地提取内容。它包括多种标记,如@alpha、@beta等发布阶段标记;@decorator、@deprecated等功能标记;@defaultValue、@eventProperty等描述标记;@example、@experimental等示例与实验性标记;@inheritDoc、@internal等引用与内部标记;@label、@link等链接标记;@override、@sealed等修饰符标记;以及@packageDocumentation、@param、
50 5
|
4月前
|
前端开发 JavaScript 程序员
前端 JavaScript 的 _ 语法是个什么鬼?
前端 JavaScript 的 _ 语法是个什么鬼?
|
5月前
|
缓存 JavaScript 前端开发
前端框架与库 - Vue.js基础:模板语法、数据绑定
【7月更文挑战第14天】Vue.js 是渐进式框架,以简洁API和高效数据绑定知名。本文聚焦模板语法与数据绑定,解释常见问题和易错点,助力初学者避坑。模板语法中,{{ expression }} 用于渲染值,v-bind/: 用于动态绑定属性。数据绑定涉及文本、属性和事件,注意v-model适用于表单元素,计算属性有缓存。理解正确用法,借助文档和IDE,可提升开发质量和效率。善用Vue.js,打造响应式UI。
153 4
|
5月前
|
网络架构
若依修改 :id 不跳转注释的资料,路由配置:id不跳转修改,若依的store的permission.js对动态路由有控制
若依修改 :id 不跳转注释的资料,路由配置:id不跳转修改,若依的store的permission.js对动态路由有控制
若依修改 :id 不跳转注释的资料,路由配置:id不跳转修改,若依的store的permission.js对动态路由有控制
|
5月前
|
存储 JavaScript 前端开发
|
5月前
|
前端开发 JavaScript
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
624 0