JavaScript

JavaScript的思维导图，内容有 ： 1.js基础语法 2.js流程控制语句 3.js函数 4.js内置对象 5.DOM基础 6.Dom事件 7.BOM基础

JavaScript

1.js基础语法

标识符

变量

松散变量本身没有类型，变量的类型由变量的值决定

5种数据类型

undefined

null

number

isNaN()

数值转换：parseInt()/parseFloat()

string

转换成字符串：String()和toString()

boolean

布尔类型转换三定律

操作符

算术操作符

逻辑操作符

2.js流程控制语句

分支

if/switch

循环

for/while/do...while

break和continue

3.js函数

返回值

参数

argument参数自由

4.js内置对象

数组

String字符串

Math和Date

5.DOM基础

1.获取DOM元素的四种方法

getElementById

getElementsByTagName

getElementsByClassName

getElementsByName（只可由document调用）

2.给DOM元素动态设置样式

ele.style.styleName=styleValue (styleName只能是驼峰式)

3.获得DOM元素的html内容

ele.innerHTML

4.给DOM元素动态添加className

ele.className="cls" (后来的会覆盖掉原来的所有样式)

5.给DOM元素添加/删除html属性

ele.getAttribute("attribute")

ele.setAttribute("attribute","value")

ele.removeAttribute("attribute")

6.Dom事件

事件：HTML事件和DOM0级事件，推荐绑定DOM0级事件（ele.事件=执行函数）

执行函数可以是自定义函数，也可以传匿名函数，推荐匿名函数 在执行函数中，this是对该DOM对象的引用

事件类型

鼠标事件

onload

onclick

onmousedown

onmousemove

onmouseup

onmouseover

onmouseout

onfocus

只能用于input标签type为text/password和textarea标签

onblur

onchange

用于select多选框/checkbox复选框/radio

onsubmit

表单中的确认按钮被点击时发生--该事件不是加在按钮上，而是加在表单上

onresize

onscroll

键盘事件

onkeydown

onkeypress

onkeyup

7.BOM基础

window

是ECMAScript规定的全局Global对象

window声明的变量是全局变量，window声明的方法是全局方法。 （window.username="him" 等价于 var username="him"）

是JS访问浏览器的接口

window.alert("")

window.confirm("");

window.prompt("text","defaultText");

window.open(pageURL,name,parameters)

window.close()

定时器

setTimeout(code,millisec)

clearTimeout(id)

setInterval(code,millisec)

clearInterval(id)

location

基本属性

location.href

location.hash

location.host

location.hostname

location.pathname

location.port

location.protocol

location.search

改变URL的三个方法

location.href = "index1.html"

在浏览器生成历史记录

location.replace(url)

不在浏览器生成历史记录

location.reload()

location.reload(true) 从服务器加载

history

history.back()

location.forward()

history.go(-n)

history.go(n)

screen

screen.availWidth/Height

固定可用大小

window.innerWidth/Height

随窗口大小变化

navigator

Navigator.userAgent

document

event