前端基础--Ⅱ（JavaScript）

一、基础语法

1.数据类型

2.变量

3.运算符

4.流程控制语句

顺序，分支，循环，循环控制

5.数组，申明以及初始化（两种）

二、函数

1.

//定义函数方式1
function 函数名(参数列表){
    函数体//执行代码
}


//定义函数方式2
var 函数名 = function(参数列表){
    函数体//执行代码
}

2.函数返回值：函数执行结束后得到的结果，并不是每个函数都有返回值，有的函数就是纯粹的执行，没有返回值。

在函数中使用return返回一个变量，或者数据对象，这个函数在调用之后就会得到返回的结果，并在return关键字后的程序不再执行

三、面向对象

1.创建对象，使用{ }表示或创建object

//创建对象方式1
var person = {name:"小王" , age:28 , skill:function(){console.log("Java全栈"); }}
//创建对象方式2
船舰Object
var person = new Object();
person.name = "小张";
person.age = 28;
person.skill = function(){
            console.log("python测试");
}

四、数组

1.JS中数组长度可以不一致，即元素类型可以是字符串、数组、布尔型等数据类型。

2.JS中该数组长度是最小长度。当操作元素索引超过最大索引，数组会自动增长。

3.JS中数组也可看作是一个对象

五、DOM

通过document对象的API获取页面元素的DOM对象

1.getElementById("id")，通过id获取元素的DOM对象。

2.getElementByTagName(tagName)，通过标签名字获取一组元素的DOM对象。

3.getElementByClassName(className)通过类名获取一组拥有指定类名的元素的DOM对象。

4.querySelector(selector)通过指定的CSS的选择器获取符合指定选择器的一个元素的DOM对象。

5.querySelectorAll(selector)通过指定的CSS的选择器获取符合指定选择器的一组元素的DOM对象。

6.CSS样式属性的名字中如果有“-”，那么在JS中要去掉“-”，并使用“驼峰规则”修改

例如：CSS中body.style.background-color，那么在JS中需要改为body.style.backgroundColor

7.鼠标及其他常用事件

onmouseover：鼠标悬浮

onmouseout：鼠标离开

onmousemove：鼠标移动

onclick：单击事件

onblur：失去焦点事件

onfocus：得到焦点事件

onchange：修改事件

onkeydown：键盘按下的事件

onkeyup：键盘松开的事件

onkeypress：键盘按的那一时刻的事件

六、BOM

BOM(Browser Object Model) 是指浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。

1.对话框

alert();

prompt();

confirm();

2.页面加载事件

3.其他属性

Window.innerHeight 获得浏览器窗口的内容区域的高度，包含水平滚动条(如果有的话)。

Window.innerWidth 获得浏览器窗口的内容区域的宽度，包含垂直滚动条(如果有的话)。

Window.outerHeight 返回浏览器窗口的外部高度。

Window.outerWidth 返回浏览器窗口的外部宽度。

Window.pageXOffset window.scrollX的别名。

Window.pageYOffset window.scrollY的别名。

Window.parent 返回当前窗口或子窗口的父窗口的引用。

4.定时器

setTimeout()

在指定的毫秒数到达之后执行指定的函数，只执行一次

clearTimeout()

通过定时器产生的句柄/实例停止定时器

var timeInstance = setTimtout("xxx",2000);
//  停止定时器
window.clearTimeout(timeInstance)

setInterval()

定时调用的函数，可以按照给定的时间(单位毫秒)周期调用函数

clearInterval()

终止interaval执行(原理同clearTimeout())