JavaScript基础-白红宇

JavaScript基础

阅读量：5250 次

发布时间：2019-06-14

本文共 1975 字，大约阅读时间需要 6 分钟。

一. 概述(大小写敏感)

一种高级语言，运行在浏览器上，用来解析和操作HTML网页的一种语言。

可以提升网页与用户的交互，提升用户的体验。

1. 特点：

1). 安全性：因为JS运行在浏览器上，相当于运行在一个保险箱中，对本地的文件是不能读写的。所以没有感染病毒的风险。

2). 跨平台：只要操作系统有浏览器就可以运行JS，如：window、linux、OS、iOS、Android

2. JavaScript与Java不同

    1). 出品公司：
        JS - 网景 netscape
        Java - Sun
    2). 面向对象：
        JS - 不完全面向对象，有面向对象的特性，基于对象。
        Java - 完全面向对象
    3). 运行方式：
        JS - 解释型，读取一行运行一行，不会生成中间文件。
        Java - 编译型，全部编译通过以后，生成字节码文件。
    4). 数据类型：
        JS - 弱类型，数据类型是可变的
        Java - 强类型。int m = 5; String str = "abc";

JavaScript三大组成部分：

    1) ECMA Script 指定了JS的基本语法
    2) BOM Browser Object Model 浏览器对象模型，用于操作浏览器中的对象。
    3) DOM Document Object Model 文档对象模型，用于操作网页中的元素

二、JavaScript语法

1. 引入方式:

        1) 写在HTML文件的内部
          <script type="text/javascript">
              //写JS脚本
          </script>
        2) 写在外部的JS文件中
          <script type="text/javascript" src="js/01.js"></script>

2. <script>标签的说明：
    1). <script>中的src属性和type属性：
        src：引入外部的JS文件
        type：指定脚本的类型text/javascript
    2).<script>标签个数：
        可以写多个标签，每个标签中的脚本会依次执行
    3). 出现的位置：
        既可以写在head中，也可以放在body中，甚至可以放在HTML的后面。
    4). 建议放的位置：
        一般建议放在head中

三. 数据类型

1. 五种基本数据类型：
        string 字符串(字符和字符串)
        number 数值(包括小数和整数)
        boolean 布尔(true/false)
        object 对象类型(null)
        undefined 未知的类型
     null与undefined的区别：
        null: 这是一个对象类型，只是这个对象没有值。
        undefined：定义了一个变量，但这个变量没有初始化，不知道是什么类型。

2. typeof操作符:
     判断变量的类型

3. 全局函数
      parseInt() 转成整数
      parseFloat() 转成小数
      isNaN() 非数字，返回true

四. 流程判断语句:

一、判断
    1. 不是布尔类型的条件:
        1) number：非0为true，0为false
        2) string：   非空串为true
        3) undefined： false
        4) NaN:   false
        5) 对象类型： null表示false

二、多分支与Java的不同
    1 case后面可以使用变量
    2 case后面可以使用表达式，前提：switch(true)

五. 函数:

一、函数
    1. 关于函数的重载
        1) 不能重载，后面创建的函数会覆盖前面已经创建的函数
        2) 形参的个数与实参的个数无关
    2. 函数中的arguments隐式数组对象
        把形参->arguements数组->实参

六. window对象(BOM模型：BOM 浏览器对象模型，操作浏览器中的各种对象)

一. window对象常用的方法

      alert(): 在窗体中弹出一个信息框，有一个确定按钮

      prompt("提示信息","默认值"): 提供一个输入信息框，返回用户输入的字符串。如果点取消，返回null

      confirm("提示信息): 确认和取消的两个按钮的对话框，返回boolean

常用的事件：

onload: 窗体加载完毕事件
    1. 鼠标点击相关：
        onclick 单击
        ondblclick   双击
        onmousedown 鼠标按下
        onmouseup 鼠标松开

    2. 鼠标移动相关：
        onmousemove 鼠标移动
        onmouseout 鼠标移出

    3. 焦点相关的：
        onblur 失去焦点
        onfocus 得到焦点

    4. 其他：
        onchange 改变(文本框)
        onload 加载完毕