书写位置
- 行内:直接写到元素里面
<input type=``"button"value=``"点击"onclick=``"alert(1)"/>- 内嵌:写在head标签中,使用script标签书写
- 外链:引入外链使用script,外链文件后缀为js,使用外链后,在内部script中书写的代码不生效,引入js文件时需要注意顺序,如有js1和js2两个文件,在js2中定义的变量,引入js1无法使用
输入和输出
常用
- console.log()——控制台输出(输出的内容,使用,号隔开可以输出多个)
- alert()——弹窗输出(输出的内容)
- confirm()——弹出的确认框(提示内容)
不常用
- prompt()——弹出输入框(提示输入的数据)
- document write()——(在页面输出的内容,永远在页面最前面显示输出)
定义变量(定义存储的数据,方便后续的反复使用,使用方法直接输出变量名)
- 关键字:var/let/const
- 语法:var/let/const+变量名(自己定义的)=变量值(使用的值)
- 变量名规范:小写驼峰式(第一个单词以小写字母开始,第二个单词的首字母大写,如:firstName),还需要顾名思义看到这个变量名就知道是什么意思,如:data-数据
- 三个关键字的区别
var
- var在定义前可以使用,因为会进行预处理
- 变量在定义前会预创建,但是会等到定义变量的那行代码才会进行赋值
- 在没有赋值之前输出的变量值是undefined
- is not defined(控制台报错):表示在没有定义时使用
- 不需要在定义时就赋值
- 定义后的值可以修改
- 可以重复定义变量名,会覆盖掉前面定义同名的变量值
let
- 不可以在定义前就使用
- 不需要在定义时就赋值
- 定义后的值可以修改
- 不可以重复声明
const(常量:不可以改变的量)
- 不可以在定义前就使用
- 需要在定义时就赋值
- 定义后的值不可修改
- 不可以重复声明
数据类型(变量的数据类型取决于赋的值)
- number——数字类型(只写数字即可)
- string——字符串类型{可以用3种方法书写,‘单引号中不能套单引号可以套双引号,字符串的拼接在console.log中使用+号拼接’ “双引号中不能套双引号可以套单引号,字符串中规范来说最好不用双引号,因为html和css一般才用” `模板字符串两种引号都可以套,字符串的拼接在自己里面使用${}拼接`}
- undefined——未定义类型,变量定义了但是还没有赋值时
- boolean——布尔型,只有两个值,真:true,假:false
- null——空对象型
- object——对象型
- symbol()——永不相等类型,使用方法为在赋值里使用,在前面添加,把值放入括号中
获取数据类型
- typeof 变量名
- typeof (变量名)
- 得到的数据类型是string,他的作用是告诉你他是什么类型,比如他是boolean他就输出boolean