html是设计网页的内容和结构
css是设计网页内容的外观效果
javascript是对内容的操作相关
JavaScript基于客户端的脚本语言
语言背景,为了减轻服务器端压力,比如验证数据在浏览器端就实现了验证
应用:注册验证,页面动画效果,还有小游戏等等等
javascript体验
我们按上图输入代码,可以看到出现个弹窗,点击才能进入页面
JS注释 单行//内容 多行/*内容*/
JS引入
1行内引入
当我们给a的href属性写上javascript:内容就会实现如上2图效果,点击链接出现对话框
2内部引入
如图2,head头用script标签包裹
3外部引入
从外部拿到js文件引入(这种使用比较多)
我们创建一个.js文件保存,然后在script标签,在src里写入文件路径,效果如上
JS输出
1 alert 弹出提示或者警告框 (一旦一个页面alert了,那么页面其他内容都会被暂停)
alert(内容)内容如果是字母汉字,要加引号,如果是数字,可以不加
我们未点击框的确定,可以看出没有显示div内容
document write
文档写入
如上图,根据顺序添加
JavaScript语法规则
所有符号必须是英文状态,严格区分大小写,建议每个语句完加上分号
变量
比如我们账户登录,使用账号密码,就是使用变量
定义变量var 变量名=数值; 变量名数字不可以开头,一般有一定意义比较好,变量不要起a,p关键字因为被标签占用了(变量名由数字字母下划线组成,$¥也有但是比较少)
var a1=1;定义并变量并赋值保存数据
var a1;仅定义变量
var a1,a2,a3,a4;定义多个变量
var a1,a2=3;定义a1,a2保存a2=3,a1未赋值
var定义变量有人说也可以省略,但是为了区分以后的内容,建议带着
变量名不可以和上图关键字重复
保留字也不建议给变量名用
变量名区分大小写
数值类型
数值number类型var a1=123; var a2=23131;
字符string类型var s1="123"; var s2=""; var s3="你好";
空类型null
未定义类型undefined 如之前的只声明未定义的var a1;
布尔boolean类型 true false
复杂数据类型 array数组 object对象
可以使用typeof(n)查看n变量数据类型
运算符
赋值运算符=
var a1=3;
算术运算符+ - * / % ++ --
加减乘除不说了,%是区域,++,--是自加自减,对于a++和++a这种有区别,前者是先使用a的值,执行完语句,然后a的值就+1,后者是先把a的值+1,再执行语句,其实就是看+的位置决定是否先加
为了方便理解自加自减,可以看上图
复合运算符
+= ,-=,*=,/=,%= 感觉没啥说的 x+=2;等价于x=x+2;
三元运算符 条件?a:b 条件满足就是a,不满足就是b
逻辑运算符
与&& 或|| 非!
字符串运算符
视频中说,字符串和数字拼接,其实23开头也没有问题,实现多变量一起打印,这里+是两边有一个是字符串类型就要拼接
比较运算符
>大于 <小于 ==等于 <=小于等于 >=大于等于 !=不等于 ===等于且类型相同
可以看到0和false,空字符串是数值相等的,空字符串不等于null
运算符优先级
先乘除后加减
尽量使用括号让优先级分明
if语句流程控制
语法if(条件){语句块}
if(条件){语句块1}else{语句块2}
这个课程关于js的内容太少了,还得看其他笔记