Javascritp
1.javaScript是什么?
JavaScript----是一种面向对象的脚本语言。
2.javaScript的作用?
- 直接向HTML文件中写出标记和内容
- 对事件的反应
- 改变HTML的内容
- 改变HTML图像
- 改变HTML样式
- 验证输入
3.javascript的基本用法[如何将javascript融入到html中]
- HTML标记中的事件属性中执行
- 在head或者body标记中通过script标记中执行
- 在head或者body标记中通过script标记导入独立的“js”文件
4.javascript的变量
- 变量是存储数据的“容器”。
- 变量的组成
- 数据类型【赋值的时候根据所赋予的具体数据值判定数据类型】
- 名称
- 数据值
- 作用域【变量在不同位置的有效性】
- 变量的声明/定义格式
- 先定义后赋值
var 变量名称;
变量名称=变量值; - 定义加赋值
var 变量名称=变量值; - 可以一次性定义多个变量
var 变量名称1,变量名称2,… 变量名称n;
- 先定义后赋值
5.javascript变量的数据类型
- 字符串(String)
- 数字(Number)
- 布尔(Boolean)
- 数组(Array)
- 对象(Object)
- 空(Null)
- 未定义(Undefined)
6.javascript变量的名称
- 变量的名称可以由数字、字母、$ 、_ ,数字不能开头。
- 变量的名称不能有空格,不能使用中文。
- 区分大小写(y 和 Y 是不同的变量)
- 不能是关键字。
7.javascript变量的作用域
- 全局变量
- 局部变量
8.JavaScript中的运算符
- 赋值 =
- 算数运算符 + 、-、*、/、%、++、–。
- 比较运算符 == === != > < >= <=
- 逻辑运算符 || && !
- 条件运算符【三元】 判断条件 ? true :false [可以代替if(){}else{}]
- typeof 运算符 判断变量数据类型
运算符和运算值组成的计算术式—表达式
9.JavaScript中的语句
- 顺序结构
- 选择结构
1. if语句 【4】
2. switch语句 注意break - 循环结构
1. for(初始化值;判断条件;循环增量/减量){ }
2. for(变量 in 数组){} — 【遍历数组】
3. While(判断条件){}
4. do{}while(判断条件); - break 中断循环/switch
- continue 终止本次循环,进入下一次
10.JavaScript中的函数
函数其实就是实现某一个相关功能的代码集合【代码块{}】
函数的语法格式:
function [函数名称 ]{
}
function 是声明/定义函数的关键字
函数名称
()----参数列表【可以有,也可以有多个,可以没有(没有参数,不能省略)】
参数将当前函数之外的数据引入到当前函数中进行运算【找帮手】
{}–代码块具体实现功能的代码
11.JavaScript中的对象
1.自定义对象 {}
- 对象中有两种元素属性【变量】,方法【函数】
var car={name:”BMW”,testfun:function(){}}; - 对象中的属性和方法的访问
- 对象中的属性的访问
格式: 对象名称.属性名称; / 对象名称[‘属性名称’]; - 对象中的方法的访问
格式: 对象名称.方法名称();
注意:有参数要传递参数,有返回值要定义变量接收返回值。
2.内置对象
- 高级对象
String Number Boolean Array Date Math RegExp
- String Number Boolean Date ---- 【创建new】 【常用的属性和方法】
- Array【集合】 — 【创建new】【赋值】【遍历】【常用的属性和方法】
- Math 不需要创建-------【常用的属性和方法】
- RegExp 数据校验--------【test()方法】
- 类型转换
- Dom对象【文档对象】
1. 得到dom对象
2. 控制html元素的文本内容innerHTML innerText
3. 控制html元素的属性 dom对象.html的属性【=数据值】
4. 控制css dom对象.style.css的属性【=数据值】
5. 控制事件 dom对象.事件名称=function(){}
常见的事件 - Bom对象【浏览器对象】
window对象
1. window对象属性 【得到窗口大小】
2. window对象方法 【open() close() 警告框 确认框 提示框】
3. window对象子对象
Screen–屏幕
Location—页面的地址 (URL)
History—历史对象
Navigator–浏览器的信息