javascript总结
2015-08-05 18:53
633 查看
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 获取前一个兄弟节点 在获取兄弟节点的时候,如果标签之间有空白内容,比如回车,也会被当作自己的兄弟节点存在。相关文章推荐
- Hello JSP!——基础语法篇
- 设置google浏览器不缓存JS
- javascript 的 "!function" 是什么意思?
- js实现全选反选
- 时间处理组件moment.js
- Javascript中this关键字详解
- dom-drag.js
- 关于extjs下载excel文件使用到Ajax异步请求
- JavaScript 开发的45个经典技巧
- javascript的prototype经典使用场景
- js实现返回上一页功能
- JS获得鼠标位置
- js实现网页抽奖实例
- JSP基础小结
- HTML标签onclick属性中调用JS时出现的问题
- 引用的时候js不能使用虚拟路劲,调试时用排除法测试
- 关于js的this
- JavaScript的深拷贝的实现
- javascript实现多栏闭合展开式广告位菜单效果实例
- js 关键字 in 的使用方法