JS中的DOM和BOM

DOM

1.DOM对象可以对浏览器进行访问和操作。

2.window对象（只限于IE浏览器）

moveBy   dx水平移动，dy垂直移动。正数向右，负数向左。

moveTo（x,y）浏览器窗口在屏幕移动。

resizeBy(dw,dh)调整浏览器窗口当前的大小。

resizeTo（w,h）调整宽和高（不可以为负数）。

导航和打开新窗口

window.open()方法是打开新的窗口

close()方法关闭窗口。

3.系统对话框

alert("Hello world")；confirm("Are you suer?");prompt("你的名字是是什么？")

4.时间间隔和停止

setTimeout()方法设置暂停该方法接受两个参数一个代码串，一个毫秒数。

setInercal()方法设置时间间隔，它的与参数setTimeout()相同。

document对象

top.document.title = “新的页面标题”；

location对象

location可以进行赋值也可以得到值

hash  得到URL包含#号后面的值

href 当前载入的页面的完整的URL

8080 是端口号

search 执行GET请求URL 获得 （？）后面的值。

screen对象

height 屏幕的高度，以像素计

width 屏幕的宽度，以像素计

DOM

1.文档节点Document、文档类型节点DocumentType-DTD引用、文档片段节点DocumentEragment

元素节点Element、文本节点Text、属性节点Attr、CDataSection节点、注释节点Comment。

nodeName                 节点名字（#text）

nodeValue                 节点的值（null）

nodeType                  节点类型常量之一

ownerDocument          节点所属文档

firstChild                    列表第一个节点

lastChild                     列表最后一个节点

childNodes                  所有子节点的列表

previousSibling            当前第一个兄弟节点（当前节点）

naxtSibling                 下个个节点

hasChildNodes()            包含一个或多个节点时，返回真

元素节点下面的空格换行符也是文本的一部分。

访问指定节点

1.getElementsByTagName()方法   得到界面的所有对象

2.getElementsByName 获取所有name属性指定值的元素

3.getElementById  返回id特性的元素

创建和操作节点

createAttribute(name)       用名称name创建节点

createDomment(text)        创建包含texe的注释节点

createDommentFragment()  创建文档碎片节点

createElement(tagname)    创建tagname的元素

createTextNode(text)          创建text文本节点

DOM获取和设置src和border特性，那么要用getAttribute()和setAttribute()方法。

innerHTML将HTML字符串赋值给一个元素，而不用使用DOM方法来创建元素。

访问选项

alert(oListbox.options[1].text); //输出显示文本

alert(oListbox.options[1].value); //输出值

转载于:https://my.oschina.net/u/1040767/blog/132045