作者: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 语法:注释与输入 / 输出的更多相关文章

  1. JavaScript语法详解:JS简介&变量

    本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. JavaScript简介 Web前端有三层: HTML:从语义的角度,描 ...

  2. Javascript语法基础

    Javascript语法基础   一.基本数据类型   JavaScript中支持数字.字符串和布尔值三种基本数据类型: 1.数字 数字型是JavaScript中的基本数据类型.在JavaScript ...

  3. 第九十八节,JavaScript语法、关键保留字及变量

    JavaScript语法.关键保留字及变量 学习要点: 1.语法构成 2.关键字保留字 3.变量 任何语言的核心都必然会描述这门语言最基本的工作原理.而JavaScript的语言核心就是ECMAScr ...

  4. JavaScript 语法

    一.JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司 ...

  5. JavaScript 的注释和快捷键

    添加必要的注释,对一个有责任心.有道德模范的前端必须具备的好习惯, 可以大大提高代码的可维护性.可读性. java代码注释快捷键:ctrl+shift+/首先熟悉一下html.css.js的注释的写法 ...

  6. 网站开发综合技术 一 JavaScript简介 二JavaScript语法

    第1部分 JavaScript简介 1.JavaScript它是个什么东西? 它是个脚本语言,需要有宿主文件,他的宿主文件是html文件. 2.它与Java有什么关系? 没有什么直接联系,java是S ...

  7. JavaScript基础——JavaScript语法基础(笔记)

    JavaScript语法基础(笔记) 1.语言编码 JavaScript语言建立在Unicode字符集基础之上,因此脚本中,用户可以使用双字节的字符命名常量.变量或函数等. [示例] var 我=&q ...

  8. 初探 -5 JavaScript 语法

    JavaScript 是一个程序语言.语法规则定义了语言结构. JavaScript 语法 JavaScript 是一个脚本语言. 它是一个轻量级,但功能强大的编程语言. JavaScript 字面量 ...

  9. When Colon Scripting is comming(JavaScript语法扩充)

    当冒号脚本来临-- JavaScript语法扩充 连续好几夜的不能安眠,得出结论就是,未来语言未来的编译器应该是支持语法定制规则和语法扩展的,这样使得编程语言不断进化以更利于人类使用!of cours ...

  10. A Byte of Python 笔记(10)输入/输出:文件和储存器

    第12章  输入/输出 大多数情况下,我们需要程序与用户交互.从用户得到输入,然后打印一些结果. 可以分别使用 raw_input 和 print 语句来完成这些功能.对于输出,可以使用多种多样的 s ...

随机推荐

  1. CS144 LAB5~LAB6

    CS144 lab5~6 最后两个lab了,虽然很多大佬都说剩下的两个lab比起TCP的实现,"简直太简单了",但是我认为做这两个之前需要补充一些额外的网络知识,不然直接上手去做的 ...

  2. Word书签替换,加盖电子印章及转换PDF(Java实用版)

    一.前言 在项目中有需要对word进行操作的,可以看看哈,本次使用比较强大的spire组件来对word进行操作,免费版支持三页哦,对于不止三页的word文件,可以购买收费版,官网:https://ww ...

  3. pandas取出包含某个值的所有行

    pandas取出包含某个值的所有行df = df[df["from_account"].str.contains("fcwhx")] pandas取出不包含某个 ...

  4. NAT与NAT实验

    1.NAT与NAT实验 NAT(网络地址翻译) 一个数据包目的ip或者源ip为私网地址, 运营商的设备无法转发数据. 实际场景问题 如下图 201.0.0.1 公网地址?   买的 运营商给你的​19 ...

  5. 让C#调用vue组件里的方法

    前言:web页面开发时采用的是vue开发的,后台语言是C# 需求:后台需要通过浏览器调用vue组件的方法 c# 可以调用xxx.html 中的script引用的js中定义的方法是可以调用的, 之前c# ...

  6. Electron-builder打包和自动更新

    Electron-builder打包和自动更新 前言 文本主要讲述如何为 electron 打包出来软件配置安装引导和结合 github 的 release 配置自动更新. electron-buil ...

  7. Three.js中实现碰撞检测

    1. 引言 碰撞检测是三维场景中常见的需求,Three.js是常用的前端三维JavaScript库,本文就如何在Three.js中进行碰撞检测进行记述 主要使用到的方法有: 射线法Raycaster ...

  8. 如何修改min.js或者压缩后的js,以便提高代码的可读性。

    前端的js上线的时候一般会使用打包工具处理(webpack,gulp,ugly.js 等).这样做有几点作用. 可以压缩空间,提高页面响应速度 一定程度上可以保护自己的代码安全,防止别人清晰看懂逻辑或 ...

  9. iOS交叉编译

    编译objc程序 ~/toolchain4/pre/bin/arm-apple-darwin9-gcc -arch arm -lobjc -framework CoreFoundation -fram ...

  10. 用 Rust 的 declarative macro 做了个小东西

    最近几天在弄 ddnspod 的时候,写了个宏: custom_meta_struct 解决什么问题 #[derive(Debug, Clone, serde::Serialize, serde::D ...