一、Javascript组成
JavaScript的实现包括以下3个部分:
1、核心(ECMAScript):描述了JS的语法和基本对象。
2、文档对象模型 (DOM):处理网页内容的方法和接口。
3、浏览器对象模型(BOM):与浏览器交互的方法和接口。

BOM

1.定义:Browser Object Model 浏览器对象模型
提供了独立于内容与浏览器窗口进行交互的对象
2.功能:
弹出新的浏览器窗口 window
移动、关闭浏览器窗口及调整窗口大小 window
实现页面的前进和后退功能 history
找到浏览器当前所在位置 location

3.内容:window location history document

4.图形描述BOM对象
整个BOM的核心
也称为浏览器对象
当浏览器打开HTML文档时,通常会创建一个window对象

5.bom-window常见的方法
5-1:事件
window.onload = function(){}
window.onmouseover = function(){}
onload 一个页面或一幅图像完成加载
onmouseover 鼠标移到某元素之上
onclick 当用户单击某个对象时发生的单击事件
onkeydown 某个键盘按键被按下
onchange 域的内容被改变
熟练使用:onload,onkeydown

5-2: 方法
prompt( ) 显示可提示用户输入的对话框
alert( ) 显示带有一个提示信息和一个确定按钮的警示框
confirm( ) 显示一个带有提示信息、确定和取消按钮的对话框
close( ) 关闭浏览器窗口
open( ) 打开一个新的浏览器窗口,加载给定 URL 所指定的文档
setTimeout( ) 在指定的毫秒数后调用函数或计算表达式
setInterval( ) 按照指定的周期(以毫秒计)来调用函数或表达式
注意:close 必须是在open出来的新窗口中使用
熟练使用:alert(),confirm(),open()
history
作用:提供用户最近浏览过的URL列表
方法:
back() 加载 history 对象列表中的前一个url
forward() 加载 history 对象列表中的下一个url
go() 加载 history 对象列表中的某个具体url

location:
提供当前页面的URL信息,并且可以重新装载当前页面或装入新页面
属性
host 设置或返回主机名和当前URL的端口号
hostname 设置或返回当前URL的主机名
href 设置或返回完整的URL
方法:
reload() 重新加载当前文档
replace() 用新的文档替换当前文档
跳转页面:
1.a href
2.location.href
3.location.replace
4.window.open
小结:
window: 事件5,方法9
history:方法3
location:属性3 方法2
document

DOM

DOM:操作
样式操作:
DOM.style.样式=""
DOM.className=""
属性操作:
DOM.属性
DOM.setAttribute(属性名,属性值)
DOM.getAttribute(属性名)
内容操作:
innerHTML innerText
节点操作:
获取节点:
普通获取
document.getElementById()
document.getElementsByName()
document.getElementsByTagName()
document.getElementsByClassName()

层级获取
			childNodes:获取所有的子节点包含空格
			parentNode: 
		
			firstChild:把空格当成元素
			lastChild
			nextSibling
			previousSibling
			
			firstElementChild:去除空格
			lastElementChild
			nextElementSibling
			previousElementSibling