JavaScript基础

JavaScript:脚本语言

主要功能：用户交互

内置对象：String，Math，Date

一、变量

1.全局变量：在JS中在函数或时间之外的变量

2.局部变量：在JS中在事件或函数中的变量

二、数据类型

1.number

2.string

3.boolean

4.object

5.arrary

三、对象：具有属性和行为（被动行为叫做事件，主动行为叫做方法）

将局部变量，在其他作用域里面使用叫闭包（尽量避免使用，会增大内存压力）。

四、语法

1.var 变量名称 //变量的声明；var在JS中是数据类型统一关键字

给变量进行初始化：给变量赋值

若在外部使用局部变量：return 返回值

2.JS循环结构

（1）

for(;;){}

//最简单的for循环 是一个死循环

（2）

for(in)

//循环遍历 针对于对象组来使用，含义是在一个组里找到某个元素；in前面是定义变量，后面是一个组

（3）

while(){}

//括号里写判断条件

（4）

do{}while()

//while后的括号写判断条件，此循环至少循环一次

（5）

switch(){case 变量值：输出语句；break；}

3.逻辑选择结构

if(){}

else{}

4.document.write()与innerHTML的区别：一个操作整个文档，一个改变局部内容

5.三元运算符

判断条件?ture:false

五、事件

1.常用事件：

（1）onclick 点击事件

（2）onmouseenter 鼠标指针移动到图像时执行

（3）onmouseleave 鼠标在平面上离开

（4）onmouseout 鼠标在空间上离开

（5）onfocus 获焦事件

（6）onblur 视焦事件

2.事件的绑定

（1）直接在元素里面绑定

<div onclick="函数名/JS脚本">
</div>

（2）在代码中直接书写

<script>
function click_div(){
alert("")}
</script>

//在代码里获取元素对象添加点击事件，JS里面的事件之前都有on

六、函数：方法

1.函数的定义

function 函数名称（）{}

2.声明函数

（1）

function data(){}  data()//函数调用

（2）

var data=function(){} data()//函数调用

（3）

var data={name:function(){}} data.name//函数调用

3.函数的传参问题：目的 简化代码、重利用

function stu_Name(id,name,sex,age){

document.write(id+"/"+name+"/"+sex+"/"+age);

}

//参数、参数类型、参数的个数都是自定义的；JS中的函数不能重名，否则会覆盖

七、计时器

（1）

setTimeout()

//只执行一次，只在递归（函数的自调用）的情况下循环执行

（2）

setInterval()

//循环执行

八、截取

（1）

substr()

//两个参数表示从哪里开始，截取多少长度

（2）

substring()

//两个参数表示从哪里开始到哪

九、

eval()

//专门用来计算表达式，只能用于数学表达式

十、选项卡：索引对索引

重点语句：

oli[i].index=i