JavaScript基础笔记

1.JS概述

1.1.JS是干什么的
指定网页行为
1.2.JS历史
1995年5月，网景公司， Brendan Eich（布兰登·艾奇）花了10天时间写出来的，刚开始的JS叫做：LiveScript。
1995年12月，改名为JavaScript
1.3.JS特点
脚本语言，无需编译（读一行执行一行）
基于对象，弱类型语言
交互性，可以与用户交互
安全性，只能在浏览器内运行
跨平台，只要有浏览器即可，与平台无关

2.HTML中引入
（1）通过Script标签引入JS
（2）引入外部的JS文件
通过Script标签引入外部的JS文件，注意，此标签不要自闭，也不要写其他JS内容

3.语法

3.1.注释
//单行注释
/多行注释/

3.2.数据类型

基本数据类型

    数值类型（number）
      在JS中，所有的数值底层都是浮点型，在需要时，整型和浮点型会自动转换。
         例如：2.4+3.6=6     在java中等于6.0
         NaN（not a number）非数字，NaN和任何值都不相等，可以通过isNaN（xxx）判断是否是非数字。
         提供了包装类Number

     字符串类型（string）
         字符串是基本数据类型，通常用单引号或者双引号引起来。
          提供了包装类String

     布尔类型（boolean）
        值为true和false
        提供了包装类型Boolean

     undefined
        未定义，如果声明了一个变量，但是没有初始化，该变量就是undefined


     Null
     表示空，通常作为返回值使用

3.3.变量的定义
在JS中，变量不区分类型，所有的变量都是通过var关键字声明的，因此，JS是一门弱类语言。

3.4.运算符

JS的大部分运算符和java类似
不同之处：

比较运算符：“==” 和“===”

“==”：再比较时，如果两端数据；类型不同，则先转换数据类型在比较

“===”：在比较时，如果两端数据类型不同，则直接返回false

Typeof：用来查看数据类型的
delete：删除数组中的元素或者对象属性

3.5.语句
JS语句和java基本一致
If条件语句
循环语句：while（）、do{}while()、for（）{}，注意JS不支持增强for循环

3.6.函数
函数的定义：
function 函数名（形参列表）{
Alert（）
}
函数的调用：函数名（实参列表）

3.7.数组

创建：
Var arr1=new Array（10）//表示创建一个长度为10的空数组
Var arr2=[“abc”，123，true]//表示创建一个指定初始值得数组

注意：
（1）数组可以存放任意类型的数据
（2）如果一个位置没有元素，该位置的值为undefined
（3）数组的长度可以任意改变

3.8.API

String对象

match(regexp) 返回正则表达式匹配的值。
replace(regexp，replaceStr) 根据正则表达式匹配并替换。
search(regexp) 查找第一次匹配到正则的位置

正则对象：
创建：
Var reg1= new RsgExp（“java”，“ig”）
Var reg2=/java/ig

标识符：

     I：ignoreCase，忽略大小写
    g：global，全局查找
    ^：从头匹配
    $：从尾部开始匹配

方法：

   test（str）：检查字符串是否符合如下正则

Array对象

   Length属性：返回或设置数组长度
   Sort（）排序：字典排序

Date对象

创建：

Var date1=new Date（）//创建当前时间
Var date2=new Date（年，月，日，时，分，秒）//指定时间
例如：var date=new Date（2008,7,8,20,0，0）//2008年8月8日晚上8点

Math对象

Math对象无需创建，可以直接调用身上的方法
ceil（）：向上取整
floor（）：乡下取证
random（）：生成0-1的随机数
round（）：四舍五入

全局对象

全局对象没有语法，直接调用方法即可
isNAN（xxx）：判断是否是非数字
eval（codeStr）：可以执行一个字符串类型的代码

3.9.自定义对象

格式：
var person = {
“name”:”张三”,
“age”:18,
…
}

对象中取值：person.name或者person[“name”]

**

4.DHTML

**

4.1.DHTML概述

DHTML：动态的HTML
DHTML并非一门新技术，而是将现有的HTML、CSS、JS整合在一起的结果

DHTML分为BOM和DOM

BOM：浏览器对象模型，其中封装了和浏览器相关的操作
DOM：文档对象模型

BOM

window对象
window对象为全局对象，可以直接调用身上的方法

常用的事件：

onclck：点击事件
onfocus：获得焦点事件
onblur：失去焦点事件
onload：文档就绪事件

常用的方法：

alert()：弹出提示框
confirm()：弹出确认框，返回boolean

**

DOM

**
获取元素
getElementById(“id值”)：根据id值获取一个元素
getElementsByName(“name属性值”)：根据name属性值获取多个元素组成的数组
getElementsByTagName(“标签名”)：根据标签名获取多个元素组成的数组
value：可以获取或者设置value属性的值
innerText：可以获取或者设置标签的文本内容（部分浏览器不支持）
innerHTML：可以获取或者设置标签的html内容

**

元素的操作

**
createElement(“div”)：创建一个div元素
appendChild(Element)：追加一个子元素
removeChild(Element)：删除子元素
replaceChild(newElement，oldElement)：用新元素替换旧元素
insertBefore(newElement，oldElement)：在旧元素之前插入新元素
clnoeNode(boolean)：克隆元素，参数默认为false，表示只克隆元素本身，不克隆子元素，如果为true，连同子元素一起克隆

**

修饰符

**
修饰符 描述
i 执行对大小写不敏感的匹配。
g 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
m 执行多行匹配。
方括号
方括号用于查找某个范围内的字符：
表达式 描述
[abc] 查找方括号之间的任何字符。
[^abc] 查找任何不在方括号之间的字符。
[0-9] 查找任何从 0 至 9 的数字。
[a-z] 查找任何从小写 a 到小写 z 的字符。
[A-Z] 查找任何从大写 A 到大写 Z 的字符。
[A-z] 查找任何从大写 A 到小写 z 的字符。
[adgk] 查找给定集合内的任何字符。
[^adgk] 查找给定集合外的任何字符。
(red|blue|green) 查找任何指定的选项。

**

元字符

**
元字符（Metacharacter）是拥有特殊含义的字符：
元字符 描述
. 查找单个字符，除了换行和行结束符。
\w 查找单词字符。
\W 查找非单词字符。
\d 查找数字。
\D 查找非数字字符。
\s 查找空白字符。
\S 查找非空白字符。
\b 匹配单词边界。
\B 匹配非单词边界。
\0 查找 NUL 字符。
\n 查找换行符。
\f 查找换页符。
\r 查找回车符。
\t 查找制表符。
\v 查找垂直制表符。
\xxx 查找以八进制数 xxx 规定的字符。
\xdd 查找以十六进制数 dd 规定的字符。
\uxxxx 查找以十六进制数 xxxx 规定的 Unicode 字符。