js是什么!
1 面对web标准来讲:是HTML里面的三大结构中的行为部分
2 面对编程语言来讲:是一门运行在浏览器中的脚本语言且是一门弱性语言(不需要指定数据的类型)
3 面对开发人员来讲:是一门必备的技能
js能干什么!
1 网页中的动态效果(轮播图,视频,音频)
2 表单的提交
3 Ajax的交互
4 网页游戏中的动态
js在HTML里面引入的位置
1 :行内式
- 直接在元素内添加属性
2 :内部式
- 通过HTML内的script标签来添加属性
- script标签可以放在HTML中的任何位置(一般建议放在脚尾)
3 :外部式(通过在外部进行属性添加)
- 通过<style>标签中的src属性来进行外部的属性值引入(可以有多个script标签对)
- 在外部的属性添加时不必加入script标签对
- 在外部式的script标签对里面不可再进行属性的添加(系统不会报错!会忽略)
4注意事项!
- 外部式和内部式不可一起引用
- 站在开发人员的位置来看!用外部式
- 在外部式和内部式的使用时最好加入type属性,值是text/javascript
js基本语法!
1 词法结构(基本的js书写规则)
- 使用Unicode字符集编码
- 区分大小写(子啊js里面 变量名和函数名会区分大小写)
- 空白字符会被忽略(空格和转行在js不起作用)
- 注释(分为单行注释和多行注释)
- 标识符和关键字(this var等)其实变量名和函数名就是标识符
js中的变量和值!
1 变量是什么?
- 变量是用来储存值的(和常量的区别是变量里面的值会发生发生改变)
2 变量一般由两个部分组成
- 变量名(一般出现在赋值的左边就是变量名)
- 变量值(一般在赋值的右边就是变量值)
3 变量命名规范
- 不能使用汉字和开头使用数字来进行命名
- 使用单词的缩写,做到看字知其意
- 可以使用特殊符号(_和$来进行搭配使用)
- 可以使用js的命名规范(采用小驼峰命名法)
4 声明变量
- 通过关键字var来声明变量 (var 变量名=值)
- 单独声明一个变量(var 变量名=值)
- 一个声明多个变量(var 变量名1,变量名2,变量名3)
- 重复声明变量(变量名和值被声明了两次 只会执行最近的变量)
- 遗漏声明变量(忘记使用了关键字var)
- 声明了变量 没有进行赋值的时候 本身也会有值(只是比较特殊?undefined)
js数据类型!
数据分为两大类
1 基本数据类型
- string(字符串)
1 采用单\双引号来进行引用
2 转义字符
3 当字符值为空的时间 boolean会为假
3 在js中字符串可以只当数组的形式去进行访问每一个字符 - number(数值)
1 number有两个属性(一个最大值和一个最小值/Number.MAX_VALUE,Number.MIN_VALUE)
2 小数和整数都是浮点数
3 小数:有三种写法(十六进制,十进制,八进制)
4 整数:有三种写法(小数点,小数去前面的零(.99),科学计数法) - Boolean(布尔值)
1 true(真)
2 false(假)
3 对于数据类型 只有零才为假 其他数值为真 - null(object)
- undefined(undefined)
2 引用数据类型object
- function
- array
3 我们可用通过typeof运算符来查看数据类型
4 在进行赋值的时候就决定了数据的类型(所以说js是一门弱类型的语言)
5 数据类型的装换
- 强制转换
1 在数据类型装换是注意大小写
2 在数据类型转换的时候 变量本身的数据类型并没有发生变化
3 使用Boolean(),String(),Number(),或者Object函数
4 使用parseInt()和parseFloat()函数更加灵活 - 隐身转换
1 在进行运算的时候自动就对起进行了转换
js运算符!
1 运算符基本语法
- 操作数的个数(是一元,还是二元,或者说是三元)
- 优先级(判断在多个运算符出现的时候是先计算哪一个)
- 结合性(判断在运算的时候,先计算左边还是右边)
- 运算符的副作用(自增和自减,赋值)
2 算数运算符
- var 变量名=值(=号就是把值赋值给变量名)
- 加号运算符:
- 减号运算符
- %取模运算符
- 自增自减
- 前增:值会发生变法
- 后增:值不会发生变法
- 只能对变量进行操作,而且必须是数值类型
- 不能直接用在常量上面
3 赋值运算符
4 逻辑运算符
5 关系运算符
js表达式
- 一个完整的变量并且进行了赋值就是一个表达式
1 原始表达式
2 运算符构成的表达式
3 对象和数组初始化表达式
4 函数定义初始化表达式
5 调用表达式
6 对象创建表达式
js语句
1 什么叫做语句
一般一个完整的表达式就是叫做语句
2 唱见的语句形式?
- 表达式语句
1 表达式本生就是一个语句,然后以分号作为结束点 - 复合语句
1 同时使用多条语句并且组合到一起,形成一个整体
2 同时也叫语句块 - 声明语句
1 变量声明:通过关键字var来声明语句
2 函数声明:通过关键字function来进行声明 - 条件语句
1 代码自上而下的进行按照顺序进行执行 - 循环语句
- 跳转语句
条件语句
1 if单分支条件语句
2 if else双分支条件语句
3 if else if多分支条件语句
4 switch条件语句
循环语句
1 while循环
2 do while循环
3 for循环
函数
函数是什么
函数能干什么
函数有什么组成
对象
1 对象是什么
- 在js中万物皆对象(object是js中所有对象的祖先)
- 在一类事物中! 他们都有一些共性 这个时候可以把它们看成是一类对象
对象能干什么
2 如何创建对象(创建对象有两种方式) - 构造器创建对象(使用new 构造器());
- 字面量创建对象
- 注意事项:定义属性的方式同常称为键值对(key/value)
3 怎样获取对象(获取对象分为两步)
- 获取对象
- 调用对象的属性和方法
- 注意事项:Date对象只有new构造器(); 没有字面量方式。
- math本身就是函数 而不是对象中的一个方法,直接当做一个对象就可以使用属性和方法
数组
1 数组是一个特殊的对象
- 数组是有序的集合(通过索引来进行数字的排序)
- 将多个值放在一起的才叫集合
- 数组里面的值是有序的(对象是无序的集合)
- JavaScript里面时无类型:值可以是任何数据类型
- 数组的值是可以是数组也可以是对象
2 数组的组成部分
- 数组名
- 参数
- 索引下标
- 值
3 创建数组
4 数组里面的常量可以是任意表达式
5 获取数组的长度(知道数组里面有多少个常量)
- 使用属性length(只会显示)
6 获取数组里面的值
- 基本格式
7 数组的基本操作(增删查改)
1 查:就是数组值的输出
- 数组名.[索引下标号];
2 改(两种情况)
- 数组名:[下标索引值]=“要改变的值”;
- 数组名:[上一个结束的下标索引值]="内容";
3 增:
4 删
pop:是把数组最后一个的值删除。
-
shift:是把数组最前面一个的值删除。
-9.10更