用一篇文章总结Javascript

JS是由以下三个组成部分，下面我也会按这三个部分依次总结，只需掌握这些基本语法，再学会如何查JS文档，基本上就差不多了，不要强记，用的时候不记得都在文档里了，多动手敲敲自然就熟透于心啦！文末有JS文档下载链接，最好备一个。

ECMAScript：js基础语法

BOM：浏览器对象模型

DOM：文档对象模型

一，ECMAScript基础语法

变量声明 ：

var 变量名=初始化值;

数据类型:

1.原始类型

Undefined Null

String

Number

Boolean:伪对象

通过typeof运算符可以判断出属于那种原始类型

typeof 值|变量

2.引用类型

Boolean

Number

String

常用属性:length
常用方法:
substring
split
replace

Array

常用属性:length

注意:

array长度可以变化

array可以存放任意值

Math

Date

RegExp

常用方法:test()

直接量语法:

/正则表达式/

全局

decodeURI 解码

eval 计算字符串,解析成js代码执行

运算符:

关系运算符

等性运算符 == ===

语句:

选择 循环

2.BOM(浏览器对象模型)

window:窗口
常用属性:
获取其他的四个对象
window.location....
常用方法:
消息框
alert confirm prompt
定时器
setInterval 周期
setTimeout 延迟
打开关闭
open close
location:定位
location.href:设置或者获取url
history:历史
go()

///////////////////////////////

事件和函数

掌握的事件:

焦点:

onfocus

onblur

表单事件

onsubmit

onchange 改变

页面或者元素加载

onload

最常用的方式:

window.onload=function(){};

单击

onclick

函数:

方式1:

function 函数名(参数列表){

函数体

}

方式2:

匿名函数

例如:window.onload=function(){};

事件绑定函数:

方式1:通过元素的事件属性

若参数为this:是将当前的dom对象传递给了函数

方式2:派发事件

dom对象.onxxx=function(){};

3.DOM(文档对象模型)

就是我们的html代码加载到内存中会形成一棵document树

节点:

文档节点 document

元素节点 element

属性节点 attribute

文本节点 text

获取一个元素节点:通过document获取

四个

操作元素的属性

dom对象.属性

操作元素的标签体

dom对象.innerHTML