一、基础语法
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())