js 的历史:
js在html中是以一个script双标签存在的
script标签也是可以放在网页的任何一个地方,但是初期建议放在body的结束后面
所有js代码都写在这个标签中
js的注释:
单行注释 - 注释一行代码
多行注释 - 注释多行代码
js的输出:
输出:将需要显示的内容显示在浏览器上
js中写的内容,不会默认显示在浏览器上,使用特定的语法让内容显示在浏览器上
document.write(内容)
document.write(123) // 以文本形式显示浏览器中 - 内容会在body中
alert(显示的内容)
alert(123) // 以弹窗的形式显示在浏览器中 - 给用户做提示使用
confirm(内容)
confirm(123) // 可以选择继续还是取消的弹窗 - 询问用户是否确定这个操作(退出或删除的时候一定要询问)
prompt(内容)
prompt(321) // 可输入的弹窗形式显示
console.log(内容)
console.log(123) // 在控制台输出 - 调试代码的时候使用 - 使用最多的
js的变量:
// 变量:代码中用于存储数据的容器
// 变量这个容器需要我们创建
// 语法:
var 容器的名字
// var是js的一个关键字,js系统内部已经将这个单词赋予了特殊的意义
// var a
// 变量的名字有规定:由字母、数字、下划线、美元符号组成;不能用数字开头
// 不能用关键字作为变量名
// 一次性定义多个变量
// var a,b,c,d,e ...
赋值符号: =
// var a
// a = 123
// =不叫等于号,叫赋值符,赋值符左边一定是一个变量,右边一定是一个具体的数据,作用:将右边的数据放在左边的内存空间中
数据类型:
查看数据类型:typeof
// typeof 数据 - 得到数据的类型
// typeof(数据) - 得到数据的类型
number(数字类型)
string - 字符串类型 :任意多个任意字符用引号引起来
boolean - 布尔类型 布尔类型 - 通常用于判断的结果:true false
undefined - 未定义类型
对象:object
算数运算:
+ - * / %(取模/求余) - 经常用于判断一个数字是否偶数/奇数
赋值运算:
var a = 1;
/将右边的值放到左边的变量中
比较运算:
// 比较运算 - 指的数字的大小比较: > < >= <=
// 比较运算的结果一定是一个布尔值
比较运算:
// 逻辑运算符号: &&(并且) ||(或者) !非/取反
// &&和||都是用来连接两个条件 - 组成大条件判断结果
自增自减运算:
++ 自增符
// 当++符号碰到输出的时候,符号在后面,就最后进行++,先输出
// console.log( a++ );
// 当++符号碰到输出的时候,符号在前,就线进行++,然后在输出
减号同理
// console.log(++a);
-- 自减符号