首页 > 代码库 > BOM笔记
BOM笔记
BOM
1setTimeout(,延迟后执行)指定的延迟时间之后来执行代码
2clearTimeout()取消setTimeout设置
3setinterval(,每隔指定时间)每隔指定时间执行代码
4clearinterval()取消setinterval设置
5window.history.[属性|方法]history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。
属性:length 返回浏览器历史列表中的URL数量
方法:back()加载history列表中的前一个URL;
forward()加载history列表中下一个URL
go()加载history列表中的某个具体的页面其中 go(-1)相当于back(),go(1)相当于forward()
6window.history.back()加载history 列表中的前一个 URL。
7window.history.forward()如果倒退之后,再想回到倒退之前浏览的页面可用
8window.history.go(number)1 前一个0 当前页面 -1后一个其他数值则为要访问的URL在history的URL列表中的相对位置
9 location:用于获取或设置窗体的URL,并且可以用于解析URL
protocol:设置返回当前URL协议;host:主机名和端口号;pathname:URL路径
search:从?开始的URL(查询部分);hash:从#开始的URL
方法:assign()加载新的文档;reload()重新加载当前文档;replace()用新的代替当前文档
10Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。
属性:appCodeName:浏览器代码名的字符串表示;appName:浏览器名称;
appVersion:浏览器平台和版本信息;platform:运行浏览器的操作平台;
userAgent:返回客户机发生服务器的user-agent头部的值
11screen对象用于获取用户的屏幕信息。属性:
window.screen.availHeight窗口可以使用的屏幕宽度 单位像素,访问者屏幕的高度减去界面特性,比如任务栏
window.screen.availWidth窗口可以使用的屏幕宽度,访问者屏幕的宽度减去界面特性,比如任务栏
window.screen.colorDepth用户浏览器表示的颜色位数通常32位
window.screen.height屏幕的高度
window.screen.width屏幕的宽度
12返回带有指定名称的节点对象的集合document.getElementsByName(name)
因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素, 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。
13getElementsByTagName(Tagname)返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。Tagname是标签的名称,如p、a、img等标签名。
14elementNode.getAttribute(name) elementNode:使用getElementById()、getElementsByTagName()等方法,获取到的元素节点。 name:要想查询的元素节点的属性名字
15setAttribute() 方法增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。elementNode.setAttribute(name,value)name: 要设置的属性名,value: 要设置的属性值。
16elementNode.childNodes访问选定元素节点下的所有子节点的列表,返回的值可以看作是一个数组,他具有length属性
17firstChild
属性返回‘childNodes’数组的第一个子节点.
lastChild
属性返回‘childNodes’数组的最后一个子节点。
18elementNode.parentNode获取指定节点的父节点父节点只能有一个
19nodeObject.nextSibling如果无此节点,则该属性返回 null。
20previousSibling 属性可返回某个节点之前紧跟的节点(处于同一树层级中)
21createElement()方法可创建元素节点。此方法可返回一个 Element 对象document.createElement(tagName)
22createTextNode() 方法创建新的文本节点,返回新创建的 Text 节点document.createTextNode(data)
23appendChild(newnode)在指定节点newnode的最后一个子节点列表之后添加一个新的子节点
24insertBefore(newnode,node) 方法可在已有的子节点前插入一个新的子节点。
newnode:要插入的新节点。node:可选,指定此节点前插入节点。
25removeChild() 方法从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL。nodeObject.removeChild(node) node :必需,指定需要删除的节点。
26replaceChild() 实现子节点(对象)的替换。返回被替换对象的引用node.replaceChild (newnode,oldnew )newnode : 必需,用于替换 oldnew 的对象。
oldnew : 必需,被 newnode 替换的对象。
27window.innerHeight 浏览器窗口的内部高度
28window.innerWidth - 浏览器窗口的内部宽度
29在不同IE浏览器窗口内部高度和内部宽度都实用的 JavaScript 方案:
var w= document.documentElement.clientWidth || document.body.clientWidth; var h= document.documentElement.clientHeight || document.body.clientHeight;
30offsetHeight和offsetWidth,获取网页内容高度和宽度(包括滚动条等边线,会随窗口的显示大小改变)。
offsetHeight = clientHeight + 滚动条 + 边框。
var w= document.documentElement.offsetWidth || document.body.offsetWidth;var h= document.documentElement.offsetHeight || document.body.offsetHeight;
30
scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离 ,即左边灰色的内容。
scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离 ,即上边灰色的内容。
offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 。
offsetTop:获取指定对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 。
BOM笔记