前言:
js负责动态交互;html是骨架;css是样式。
Js是运行在浏览器的编程语言,实现人机交互。
作用:
1, 网页特效:检测用户行为,让网页做出相应反馈
2, 表单验证:对表单数据合法性进行判断
3, 数据交互
组成:
1, 语言基础
2, Web Api(DOM,BOM组成)
3, DOM:操作文档
4, BOM:操作浏览器
一,书写位置
5, 内嵌
①,最好写在<body>标签内最下方
②写在<script>标签内
6, 行内式,直接写在标签内
Alert(‘弹窗内容’)
7, 外链式<script src”js文件地址”>
二, 注释写法
1, 单行,
① //注释内容,后一行代码被忽略
② 快捷键,ctrl+/
2, 多行
① /*注释内容*/注释内容全部被忽略,不执行
② 快捷键,shift+alt+a
!!!!结束符“;”都写或者都不写
三, 输入输出语法
1, 输出
① 页面输出,
Document.write(‘输出内容’)
Alert(‘输出内容’)//弹窗输出
② 控制台输出
Console.Log(输出内容)
2, 输入
Prompt(‘输入内容’)//以弹窗形式
四, 变量,计算机存储数据的‘容器’
1, 声明,let (容器名)=‘输入内容’,容器名可赋值,且只能赋值一次,可同时命名多个
2, 变量命名规范和规则
① 字母严格区分大小写
② 小驼峰命名法,第一个单词首字母小写,第二个单词首字母大写,例如:userName
③ 命名有意义,容易一眼得知其含义
④ 不可用关键字例如let等
⑤ 只能用下划线,字母,数字和$组成,且数字不能开头
4, 数组
① 可以按照顺序保存多个数据
② 语法:let name = [‘1’,‘2’,……]
③ 自带编号,从零开始,例如,‘1’的编号为‘0’
五, 常量,固定的值,一旦声明不可改变,不未定义
1, 使用const声明
2, 命名规范与变量一样
六, 数据类型
1, 数字型(浮点型)
2, 字符串,用单双引号包裹的
3, 可以多个拼接
4, 布尔型(booleam)仅有ture或flase两种取值
5, 未定义(underfind)声明存在但不赋值
6, Null,有对象,暂时为空
七, 监测数据类型(typeof)
语法:console.log(typeof 要检测数据名)
八, 运算符
1, 算数运算符,+,-,*,/,%(%,模运算,即取余数)
2, 赋值运算符“=”将右边的值赋给左边,左边必须是容器
特殊形式,mum+=1,等价于mum(新值)=mum(1)+1,mum=2,
所有算数运算符统用!
3, 自增/减
① 增:++变量加一
② 减:--变量减一
③ 特殊规范,例如,
i=1
++i+8=10,先自加,在运算
i+++8=9,先运算,再自加
4, 比较运算符
a==b,判断两者数值是否相等
a===b,判断两者是否全等,格式也必须一样
a!==b,判断两者是否不相等