首页 > 代码库 > JavaScript基础

JavaScript基础

一. 概述(大小写敏感)

        一种高级语言,运行在浏览器上,用来解析和操作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";

3.    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="http://www.mamicode.com/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

常用的事件:   

  onl oad: 窗体加载完毕事件
    1. 鼠标点击相关:
        onclick  单击
        ondblclick   双击
        onm ousedown  鼠标按下
        onm ouseup  鼠标松开

    2. 鼠标移动相关:
        onm ousemove  鼠标移动
        onm ouseout  鼠标移出

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

    4. 其他:
        onchange 改变(文本框)
        onl oad 加载完毕

JavaScript基础