dom简介

  一切皆节点:

dom简介_第1张图片

 

 

通过getElementById() 和 getElementsByTagName()得到节点

getElementsByTagName("p");返回所有元素p

var x=document.getElementsByTagName("p");for (var i=0;i<x.length;i++) { // do something with each paragraph }

 

有两种特殊的文档属性可用来访问根节点:

  • document.documentElement
  • document.body

一个属性可返回存在于 XML 以及 HTML 文档中的文档根节点。

第二个属性是对 HTML 页面的特殊扩展,提供了对 <body> 标签的直接访问。

 

这三个属性 parentNode、firstChild 以及 lastChild 用于访问特定节点的下·特定相关节点, 例如:

var x=[a paragraph];var text=x.firstChild.nodeValue;

var x=document.getElementById("maindiv");x.parentNode.removeChild(x);

 

节点信息

每个节点都拥有包含着关于节点某些信息的属性。这些属性是:

  • nodeName(节点名称)
  • nodeValue(节点值)
  • nodeType(节点类型)

nodeName

nodeName 属性含有某个节点的名称。

  • 元素节点的 nodeName 是标签名称
  • 属性节点的 nodeName 是属性名称
  • 文本节点的 nodeName 永远是 #text
  • 文档节点的 nodeName 永远是 #document

注释:nodeName 所包含的 XML 元素的标签名称永远是大写的

 

nodeValue

对于文本节点,nodeValue 属性包含文本。

对于属性节点,nodeValue 属性包含属性值。

nodeValue 属性对于文档节点和元素节点是不可用的。

 

nodeType 属性可返回节点的类型。

最重要的节点类型是:

元素类型 节点类型
元素 1
属性 2
文本 3
注释 8
文档 9

 

window对象:

Window 对象集合

集合 描述 IE F O
frames[]

返回窗口中所有命名的框架。

该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架或 <iframe>。属性 frames.length 存放数组 frames[] 中含有的元素个数。注意,frames[] 数组中引用的框架可能还包括框架,它们自己也具有 frames[] 数组。

4 1 9

Window 对象属性

属性 描述 IE F O
closed 返回窗口是否已被关闭。 4 1 9
defaultStatus 设置或返回窗口状态栏中的默认文本。 4 No 9
document 对 Document 对象的只读引用。请参阅 Document 对象。 4 1 9
history 对 History 对象的只读引用。请参数 History 对象。 4 1 9
innerheight 返回窗口的文档显示区的高度。 No No No
innerwidth 返回窗口的文档显示区的宽度。 No No No
length 设置或返回窗口中的框架数量。 4 1 9
location 用于窗口或框架的 Location 对象。请参阅 Location 对象。 4 1 9
name 设置或返回窗口的名称。 4 1 9
Navigator 对 Navigator 对象的只读引用。请参数 Navigator 对象。 4 1 9
opener 返回对创建此窗口的窗口的引用。 4 1 9
outerheight 返回窗口的外部高度。 No No No
outerwidth 返回窗口的外部宽度。 No No No
pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。 No No No
pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。 No No No
parent 返回父窗口。 4 1 9
Screen 对 Screen 对象的只读引用。请参数 Screen 对象。 4 1 9
self 返回对当前窗口的引用。等价于 Window 属性。 4 1 9
status 设置窗口状态栏的文本。 4 No 9
top 返回最顶层的先辈窗口。 4 1 9
window window 属性等价于 self 属性,它包含了对窗口自身的引用。 4 1 9
  • screenLeft
  • screenTop
  • screenX
  • screenY
只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop,而 Firefox 和 Safari 支持 screenX 和 screenY。 4 1 9

Window 对象方法

方法 描述 IE F O
alert() 显示带有一段消息和一个确认按钮的警告框。 4 1 9
blur() 把键盘焦点从顶层窗口移开。 4 1 9
clearInterval() 取消由 setInterval() 设置的 timeout。 4 1 9
clearTimeout() 取消由 setTimeout() 方法设置的 timeout。 4 1 9
close() 关闭浏览器窗口。 4 1 9
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。 4 1 9
createPopup() 创建一个 pop-up 窗口。 4 No No
focus() 把键盘焦点给予一个窗口。 4 1 9
moveBy() 可相对窗口的当前坐标把它移动指定的像素。 4 1 9
moveTo() 把窗口的左上角移动到一个指定的坐标。 4 1 9
open() 打开一个新的浏览器窗口或查找一个已命名的窗口。 4 1 9
print() 打印当前窗口的内容。 5 1 9
prompt() 显示可提示用户输入的对话框。 4 1 9
resizeBy() 按照指定的像素调整窗口的大小。 4 1 9
resizeTo() 把窗口的大小调整到指定的宽度和高度。 4 1.5 9
scrollBy() 按照指定的像素值来滚动内容。 4 1 9
scrollTo() 把内容滚动到指定的坐标。 4 1 9
setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。 4 1 9
setTimeout() 在指定的毫秒数后调用函数或计算表达式。 4 1 9

 

navigator对象:

Navigator 对象集合

集合 描述 IE F O
plugins[]

返回对文档中所有嵌入式对象的引用。

该集合是一个 Plugin 对象的数组,其中的元素代表浏览器已经安装的插件。Plug-in 对象提供的是有关插件的信息,其中包括它所支持的 MIME 类型的列表。

虽然 plugins[] 数组是由 IE 4 定义的,但是在 IE 4 中它却总是空的,因为 IE 4 不支持插件和 Plugin 对象。

4 1 9

Navigator 对象属性

属性 描述 IE F O
appCodeName 返回浏览器的代码名。 4 1 9
appMinorVersion 返回浏览器的次级版本。 4 No No
appName 返回浏览器的名称。 4 1 9
appVersion 返回浏览器的平台和版本信息。 4 1 9
browserLanguage 返回当前浏览器的语言。 4 No 9
cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值。 4 1 9
cpuClass 返回浏览器系统的 CPU 等级。 4 No No
onLine 返回指明系统是否处于脱机模式的布尔值。 4 No No
platform 返回运行浏览器的操作系统平台。 4 1 9
systemLanguage 返回 OS 使用的默认语言。 4 No No
userAgent 返回由客户机发送服务器的 user-agent 头部的值。 4 1 9
userLanguage 返回 OS 的自然语言设置。 4 No 9

Navigator 对象方法

方法 描述 IE F O
javaEnabled() 规定浏览器是否启用 Java。 4 1 9
taintEnabled() 规定浏览器是否启用数据污点 (data tainting)。 4 1 9

 

screen对象:

Screen 对象属性

属性

描述

IE

F

O

availHeight

返回显示屏幕的高度 (除 Windows 任务栏之外)。

4

1

9

availWidth

返回显示屏幕的宽度 (除 Windows 任务栏之外)。

4

1

9

bufferDepth

设置或返回调色板的比特深度。

4

No

No

colorDepth

返回目标设备或缓冲器上的调色板的比特深度。

4

1

9

deviceXDPI

返回显示屏幕的每英寸水平点数。

6

No

No

deviceYDPI

返回显示屏幕的每英寸垂直点数。

6

No

No

fontSmoothingEnabled

返回用户是否在显示控制面板中启用了字体平滑。

4

No

No

height

返回显示屏幕的高度。

4

1

9

logicalXDPI

返回显示屏幕每英寸的水平方向的常规点数。

6

No

No

logicalYDPI

返回显示屏幕每英寸的垂直方向的常规点数。

6

No

No

pixelDepth

返回显示屏幕的颜色分辨率(比特每像素)。

No

1

9

updateInterval

设置或返回屏幕的刷新率。

4

No

No

width

返回显示器屏幕的宽度。

4

1

9

 

history对象:

History 对象属性

属性 描述 IE F O
length 返回浏览器历史列表中的 URL 数量。 4 1 9

History 对象方法

方法 描述 IE F O
back() 加载 history 列表中的前一个 URL。 4 1 9
forward() 加载 history 列表中的下一个 URL。 4 1 9
go() 加载 history 列表中的某个具体页面。 4 1 9

 

location对象:

Location 对象属性

属性 描述 IE F O
hash 设置或返回从井号 (#) 开始的 URL(锚)。 4 1 9
host 设置或返回主机名和当前 URL 的端口号。 4 1 9
hostname 设置或返回当前 URL 的主机名。 4 1 9
href 设置或返回完整的 URL。 4 1 9
pathname 设置或返回当前 URL 的路径部分。 4 1 9
port 设置或返回当前 URL 的端口号。 4 1 9
protocol 设置或返回当前 URL 的协议。 4 1 9
search 设置或返回从问号 (?) 开始的 URL(查询部分)。 4 1 9

Location 对象方法

属性 描述 IE F O
assign() 加载新的文档。 4 1 9
reload() 重新加载当前文档。 4 1 9
replace() 用新的文档替换当前文档。 4 1 9

 

以上是browser相关对象。

 

其他dom对象可参考:

http://www.w3school.com.cn/htmldom/

 

 

 

你可能感兴趣的:(框架,windows,浏览器,url,文档,Safari)