javascript 11-26

Javascritp

1.javaScript是什么？

JavaScript----是一种面向对象的脚本语言。

2.javaScript的作用？

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

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

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

4.javascript的变量

1. 变量是存储数据的“容器”。
2. 变量的组成
   1. 数据类型【赋值的时候根据所赋予的具体数据值判定数据类型】
   2. 名称
   3. 数据值
   4. 作用域【变量在不同位置的有效性】
3. 变量的声明/定义格式
   1. 先定义后赋值
      var 变量名称；
      变量名称=变量值；
   2. 定义加赋值
      var 变量名称=变量值；
   3. 可以一次性定义多个变量
      var 变量名称1，变量名称2，… 变量名称n；

5.javascript变量的数据类型

• 字符串（String）
• 数字（Number）
• 布尔（Boolean)
• 数组（Array）
• 对象（Object）
• 空（Null）
• 未定义（Undefined）

6.javascript变量的名称

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

7.javascript变量的作用域

• 全局变量
• 局部变量

8.JavaScript中的运算符

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

9.JavaScript中的语句

1. 顺序结构
2. 选择结构
   1. if语句 【4】
   2. switch语句 注意break
3. 循环结构
   1. for(初始化值；判断条件；循环增量/减量){ }
   2. for(变量 in 数组){} — 【遍历数组】
   3. While(判断条件){}
   4. do{}while(判断条件)；
4. break 中断循环/switch
5. continue 终止本次循环，进入下一次

10.JavaScript中的函数

      函数其实就是实现某一个相关功能的代码集合【代码块{}】

函数的语法格式:
function [函数名称 ]{
}
function 是声明/定义函数的关键字
函数名称

()----参数列表【可以有，也可以有多个，可以没有(没有参数，不能省略)】

      参数将当前函数之外的数据引入到当前函数中进行运算【找帮手】

{}–代码块具体实现功能的代码

11.JavaScript中的对象

1.自定义对象 {}

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

2.内置对象

1. 高级对象
   String   Number    Boolean    Array    Date   Math    RegExp

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

2. Dom对象【文档对象】
   1. 得到dom对象
   2. 控制html元素的文本内容innerHTML innerText
   3. 控制html元素的属性 dom对象.html的属性【=数据值】
   4. 控制css dom对象.style.css的属性【=数据值】
   5. 控制事件 dom对象.事件名称=function(){}
         常见的事件
3. Bom对象【浏览器对象】
   window对象
   1. window对象属性 【得到窗口大小】
   2. window对象方法 【open() close() 警告框 确认框 提示框】
   3. window对象子对象
        Screen–屏幕
        Location—页面的地址 (URL)
        History—历史对象
        Navigator–浏览器的信息