JavaScript输入
prompt
- 可以将用户输入的信息保存在程序中,可以通过输出的语法将内容输出在页面中。
- 浏览器显示一个带有文本消息的模态窗口 ,可以接受用户输入的信息
- 该函数的返回值为用户输入的信息或默认值
- 如果没有填写信息点击确认返回“”,点取消返回null
- 返回的数据类型为string
prompt("提示性的信息");
- 注意:
- 一个prompt得到一个输入的值
- 注意:输入的内容是一个字符串,拿到数据类型是字符串类型,如果使用+进行字符串拼接
Confirm提示信息
- 该函数显示要给得带有信息及确认和取消按钮的模态框
- 点击确认返回true,点击取消返回false
变量let
-
概念:变量是一个保存数据的容器,每个变量可以在代码中重复使用,临时存储
-
变量本质就是在内存中开辟一个空间,用来临时存储数据
-
作用:可以在程序中用于存储值进行重复使用
-
js中使用let声明变量,老的语法中使用var
-
使用:
-
先定义标量,设置需要保存的值
-
通过变量名在程序中使用保存的值
-
1.定义变量 var 变量名 = 存储的数据; var 变量名1=数据,变量名2=数据,变量名3; //声明变量 let i; var n; //将10赋值给i和n i=10; n=20; //使用变量 consle.log(i,n); //声明+赋值 let message = "helloworld"; 2.使用变量 console.log(变量名); 3.对变量进行赋值(修改数据)[不能添加var] 变量名=新数据; //给child赋个hello的值 let child = "hello"; console.log(child); //改变child的值 child = "world"; //将child的值复制一份给dad let dad = child; console.log(dad,world); -声明:let 变量名称; -赋值: 变量名称 = 值(字面量) -使用变量:输出变量值
变量名(标识符)命名规范:
概念:在js中所有可以被我们进行自主命名的都可以叫做标识符。
- 变量名使用数字,字母, _和$构成的。
- 不能数字开头,不能包含其他的特殊符号。
- 不能使用JavaScript的关键词
两种命名的方式
-
小驼峰: 第一个单词的首字母小写,其他单词首字母都大写
比如:myName,myAge,studentAge等等,常用于变量的命名
-
大驼峰:所有的单词首字母都大写,
比如:MyName,MyAge,StudenAge等等,常用于类名,函数名等等
-
注意:变量之定义,为赋值(未保存数据)时,输出的结果为
undefined
(未定义)
-
JavaScript输出
document.write
-
在页面中的显示区域输出指定的内容
-
语法:
-
document.write(需要输出的内容);
-
注意!:每行代码后面记得加上分号;
-
会将引号中的内容原样输出
-
引号可以使用单引号或双引号,引号必须成对出现。必须是英文
-
如果输出的是一个完整的标签,那么浏览器会将标签进行解析
console.log
- 在浏览器的控制台中输出
- console.group()
- console.log()
- console.groupEnd()
- 换行\n 空格\t
- 语法
console.log(需要输出的内容);
- 注意:会将内容在控制台中输出
alert
带消息的模态框
- 在页面中是以天窗的形式输出内容
- 语法:
alert(需要输出的内容);
- 注意:先弹窗和控制台输出后,在输出页面中的内容,跟代码顺序无关。