javascript总结

来源：互联网发布：mac vim 命令大全编辑：程序博客网时间：2024/05/22 00:06

1、BOM对象

在JavaScript中把一个浏览器启动之后，浏览器这个应用程序就会被加载到内存中运行。那么在内存就会形成一个对象，这个对象就是Window。

window对象中包含了浏览器的所有信息， 由于这些过多，因此有在window对象中封装了其他的子对象。

window的子对象：

Navigator：获取浏览器本身的一些信息，例如浏览器版本等信息。

Screen：获取整个浏览器窗口在屏幕上的相关信息

History：使用浏览器访问其他网络资源，这时浏览器会记录住访问过的信息，那么可以History来获取访问过的资源路径

Location：它封装的是浏览器的地址栏中的信息，使用它可以修改浏览器地址栏中的URL.

它们合在一起组成BOM对象。BOM  Browser  Object Model  浏览器对象模型

2、Window对象

Window 对象是 JavaScript 层级中的顶层对象。

Window 对象代表一个浏览器窗口或一个框架。

Window 对象会在 <body> 或 <frameset> 每次出现时被自动创建。

Window中的集合（数组）：

frames[]  获取一个窗口中的所有frame组成的集合

Window中的属性：

Window中的方法：

closed 判断窗口是否被关闭

document 获取到一个document对象  文档对象

history  获取到历史记录对象window.location.href="www.momxmo.com"

location  地址栏对象

返回上一次访问网站：window.history.back();

关闭网页：window.close();

status 获取窗口的状态栏，可以设置和获取状态栏中的信息

opener  获取到当前这个浏览器是通过哪个浏览器打开的。

parent 获取当前窗口的父窗口

self 当前窗口的一些引用的信息

top 获取当前窗口的顶层window对象

window对象中的方法：

alert() 警告框

confirm() 确认框

prompt() 输入框

setInterval()  通过js设置让浏览器对象重复的执行某段js代码

clearInterval()  清除这种重复执行JS代码的动作

setTimeout()   在指定的时间后执行指定的JS代码，只执行一次

clearTimeout() 清除在指定的时间后需要执行的JS代码

close() 关闭浏览器

open() 打开一个新的窗口

4、DOM对象：------ html dom ---- xml dom

DOM 是 Document Object Model 文档对象模型

DOM技术是由W3C组织制定的，这里的文档Document指的是标记性文档。使用标签书写的文档（html、xml）。

Document 对象代表整个 HTML 文档，可用来访问页面中的所有元素。

Document 对象是 Window 对象的一个部分，可通过 window.document 属性来访问。

当html文件（html文档）被浏览器加载到内存中之后，在内存中就形成了文档对象，这个对象使用document来描述。在JavaScript中，只要获取到document对象，就相当于拿到整个html文档。拿到整个html文档，就可以获取其中封装的任何一个标签，以及标签中的属性，或者标签中封装的文本数据。

W3C组织在指定DOM规范的时候，规定当一个标记性文档被加载到内存中之后，这个文档中的所有的标签，全部又被解析成标签对象，标签中的属性被解析成属性对象，标签中封装的文本被解析成文本对象。

当我们在程序获取到document对象，就可以获取或设置整个dom树上的任何一个标签（元素）对象，以及任何一个标签中的属性数据，文本数据。

在获取到document对象之后，就可以获取其中的任何一个标签，获取到这个标签之后，就可以根据当前这个标签获取它的父标签，子标签，前一个兄弟标签，后一个兄弟标签。

document对象集合

forms[] 获取整个html文档中的所有form标签组成对象

document对象的属性

body 获取到当前html标签对象

document对象的方法：

getElementById() 是根据标签的id属性值，获取这个标签对象

getElementsByName() 根据标签的name属性值，获取当前html文档中所有name为当前指定的值的所有标签对象获取到是一个数组（集合）

getElementsByTagName() 根据标签名获取标签对象，由于在html页面上标签名肯定会重复，所以获取到的也是一个数组（集合）。

js中的事件：

在使用JS操作页面上的标签，每个标签上都有对应的事件。这些事件不用我们去给其注册，它已经存在，需要我们做的

给相应的事件绑定对应的函数。

在html文件加载完之后会触发的onload事件

onblur 失去焦点时触发的事件

onfocus 获取焦点后触发的事件

onchange 当标签中的数据被改变时触发

onclick 当鼠标单击时触发的事件

ondblclick 当鼠标双击时触发的事件

onmousedown 鼠标被按下但没有松开

onmousemove 鼠标在某个标签对象上移动

onmouseout 鼠标从标签对象上移出

onmouseover 鼠标悬停在某个标签对象上

onmouseup 鼠标松开

onsubmit form表单被提交的时候触发的事件

7.1、dom中常用的方法

document.createElement("table") 创建了一个table标签<table></table>

createTextNode 创建文本节点对象

appendChild 把子节点添加到父节点上

setAttribute(name,value) 给标签对象设置属性 name是属性名 value是属性值

parentNode 获取当前调用这个方法的标签对象的父标签

parenNode.removeChild(childNode) 通过父标签删除子标签

firstChild 获取第一个子节点

lastChild 获取最后一个子节点

nextSibling 获取下一个兄弟节点

previousSibling 获取前一个兄弟节点

在获取兄弟节点的时候，如果标签之间有空白内容，比如回车，也会被当作自己的兄弟节点存在。

0 0

javascript总结

4、DOM对象 ：------ html dom ---- xml dom

7.1、dom中常用的方法

4、DOM对象：------ html dom ---- xml dom