JavaScript基础总结

JavaScript基础总结

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);”/>

（2）在head或者body标记中通过script标记中执行

（3）在head或者body标记中通过script标记导入独立的“.js”文件

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

4、javascript的变量

（1）变量是存储数据的”容器”。

（2）变量组成

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

（3）变量的声明/定义格式​​​​​​​

• 先定义后赋值
  var 变量名称;
  变量名称 = 变量值;
• 定义加赋值
  var 变量名称 = 变量值;
• 可以一次性定义多个变量
  var 变量名称1,变量名称2,…变量名称n;

5、javascript变量的数据类型

（1）字符串（String）

（2）数字(Number)

（3）布尔(Boolean)

（4）数组(Array)

（5）对象(Object)

（6）空（Null）

（7）未定义（Undefined）

6、javascript变量的名称

（1）变量的名称可以由数字、字母、$ 、_ ,数字不能开头。

（2）变量的名称不能有空格，不能使用中文。

（3）区分大小写（y 和 Y 是不同的变量）

（4）不能是关键字。

7、javascript变量的作用域

（1）全局变量

（2）局部变量

8、JavaScript中的运算符

（1）赋值 ： =

（2）算数运算符： + 、-、*、/、%、++、- -。

（3）比较运算符： == === != > < >= <=

（4）逻辑运算符： || && ！

（5）条件运算符【三元】： 判断条件 ？ true ：false [可以代替if(){}else{}]

（6）typeof 运算符： 判断变量数据类型

注意：运算符和运算值组成的计算术式—表达式

9、JavaScript中的语句

（1）顺序结构

（2）选择结构

（3）循环结构

（4）break 中断循环/switch

（5）continue 终止本次循环，进入下一次

10、JavaScript中的函数

• 函数其实就是实现某一个相关功能的代码集合【代码块{}】
• 函数的语法格式:
  function 函数名称{
  }
• function 是声明/定义函数的关键字
• ()----参数列表【可以有，也可以有多个，可以没有(没有参数，不能省略)】
  参数将当前函数之外的数据引入到当前函数中进行运算【找帮手】
• {}–代码块具体实现功能的代码

11、JavaScript中的对象

（一）自定义对象 { }

• 对象中有两种元素属性【变量】，方法【函数】

  var  car={name:”BMW”,testfun:function(){}};
  

• 对象中的属性和方法的访问

• 对象中的属性的访问
  格式: 对象名称.属性名称； / 对象名称[‘属性名称’];

• 对象中的方法的访问
  格式: 对象名称.方法名称()；

• 注意:有参数要传递参数，有返回值要定义变量接收返回值。

（二）内置对象

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

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

注意：类型转换

2. Dom对象【文档对象】
   （a）得到dom对象
   （b）控制html元素的文本内容innerHTML innerText
   （c）控制html元素的属性 dom对象.html的属性【=数据值】
   （d）控制css dom对象.style.css的属性【=数据值】
   （e）控制事件 dom对象.事件名称=function(){}
   （f）常见事件

3. Bom对象【浏览器对象】

• window对象
  • window对象属性 【得到窗口大小】
  • window对象方法 【open() close() 警告框 确认框 提示框】
  • window对象子对象
    • Screen–屏幕
    • Location—页面的地址 (URL)
    • History—历史对象
    • Navigator–浏览器的信息