JavaScript复习总结

Javascritp

1.javaScript是什么？
javaScript----是一种面向对象的脚本语言。
2.javaScript的作用？

1. 直接向html文件中写出标记和内容。
2. 对事件的反应
3. 改变 HTML 内容
4. 改变 HTML 图像
5. 改变 HTML 样式
6. 验证输入

3.javascript的基本用法[如何将javascript融入到html中]

1. html标记中的事件属性中执行

<input  type=”button” value=”测试javascript” onclick=”var num1=100; alert(num1);”/>

1. 在head或者body标记中通过script标记中执行
2. 在head或者body标记中通过script标记导入独立的“.js”文件

<script src=”独立的“.js”文件”></sctipt>

4.javascript的变量
1.变量是存储数据的”容器”。
2.变量的组成

• 2.1数据类型 【赋值的时候根据所赋予的具体数据值判定数据类型】
• 2.2名称
• 2.3.数据值
• 2.4.作用域 【变量在不同位置的有效性】

3.变量的声明/定义格式

• 3.1.先定义后赋值

   var   变量名称;
   变量名称 = 变量值;
  

• 3.2.定义加赋值

  var   变量名称 = 变量值;
  

• 3.3可以一次性定义多个变量

  var   变量名称1,变量名称2,...变量名称n;
  

5.javascript变量的数据类型
字符串（String）
数字(Number)
布尔(Boolean)
数组(Array)
对象(Object)
空（Null）
未定义（Undefined）
6.javascript变量的名称

• 6.1 变量的名称可以由数字、字母、$ 、_ ,数字不能开头。
• 6.2.变量的名称不能有空格，不能使用中文。
• 6.3.区分大小写（y 和 Y 是不同的变量）
• 6.4.不能是关键字。

7.javascript变量的作用域
全局变量
局部变量
8.JavaScript中的运算符

• 1.赋值 =
• 2.算数运算符 + 、-、*、/、%、++、–。
• 3.比较运算符 == === != > < >= <=
• 4.逻辑运算符 || && ！
• 5.条件运算符【三元】 判断条件 ？ true ：false [可以代替if(){}else{}]
• 6.typeof 运算符 判断变量数据类型
  运算符和运算值组成的计算术式—表达式

9.JavaScript中的语句

• 1.顺序结构

• 2.选择结构
  2.1.if语句 【4】
  2.2.switch语句 注意break

• 3.循环结构
  3.1.for(初始化值；判断条件；循环增量/减量){ }
  3.2.for(变量 in 数组){} — 【遍历数组】
  3.3.While(判断条件){}
  3.4.do{}while(判断条件)；

• 4.break 中断循环/switch

• 5.continue 终止本次循环，进入下一次

10.JavaScript中的函数
函数其实就是实现某一个相关功能的代码集合【代码块{}】
函数的语法格式:
function 函数名称{

}
function 是声明/定义函数的关键字
函数名称
()----参数列表【可以有，也可以有多个，可以没有(没有参数，不能省略)】
参数将当前函数之外的数据引入到当前函数中进行运算【找帮手】
{}–代码块具体实现功能的代码
11.JavaScript中的对象
1.自定义对象 {}

    对象中有两种元素属性【变量】，方法【函数】
    var  car={name:”BMW”,testfun:function(){}};
    对象中的属性和方法的访问
    对象中的属性的访问
       格式:  对象名称.属性名称；  / 对象名称[‘属性名称’];
       对象中的方法的访问
           格式:  对象名称.方法名称()；
           注意:有参数要传递参数，有返回值要定义变量接收返回值

2.内置对象

• 2.1.高级对象
  String Number Boolean Array Date Math RegExp
  ******************************************************************
  String Number Boolean Date ---- 【创建new】 【常用的属性和方法】
  Array【集合】 — 【创建new】【赋值】【遍历】【常用的属性和方法】
  Math 不需要创建-------【常用的属性和方法】
  RegExp 数据校验--------【test()方法】
  类型转换

---

2.2.Dom对象【文档对象】

• 2.2.1.得到dom对象

• 2.2.2.控制html元素的文本内容innerHTML innerText

• 2.2.3.控制html元素的属性 dom对象.html的属性【=数据值】

• 2.2.4.控制css dom对象.style.css的属性【=数据值】

• 2.2.5.控制事件 dom对象.事件名称=function(){}
  常见的事件
  
  3.Bom对象【浏览器对象】
  window对象

• 1.window对象属性 【得到窗口大小】

  *1.2.window对象方法 【open()  close()  警告框  确认框  提示框】
  

• 2.window对象子对象

  Screen--屏幕
  *Location---页面的地址 (URL)
  *History---历史对象
  Navigator--浏览器的信息