
正文
HTML DOM 对象简单介绍
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
文档对象模型(Document Object Model,DOM)是DHTML的基础 。
常用对象:
1)
window对象
:表示对象浏览器窗口(选项卡)对象。
2)
document对象
:代表整个网页,是客户端编程中最常用的对象。
3)
location对象
:对浏览器窗口的当前页面地址(URL)进行管理。
4)
navigator对象
:navigator对象包含有关导航器工具软件的信息,即浏览器的信息。
5)
history对象
:对当前浏览器窗口(选项卡)已经访问过的网址进行管理
6)
frame对象
:在HTML代码中使用frame框架标记(配合使用frameset框架集标记),能够将浏览器窗口划分为多个部分(即框架),每个部分显示一个网页,每个框架网页单独刷新。
7)
event对象
:window对象下的一个子对象,用于维护事件状态。如事件对象、鼠标、键盘的状态等。
window对象 :
window.
open("")
//新建浏览器窗口。参数值为具体网址URL的string
window.
alert("")
//弹出警告框。参数值为string的警告(提示)文本
window.
confirm("")
//弹出确认框。参数值为string的确认文本,方法值为bool
window.status //设置浏览器窗口状态栏文本。值为string
document对象 :
document.
getElementsById("")
//通过元素id获取单个对象。参数值为string的元素id,方法值为object
document.
getElementsByName
("")
//通过元素name获取同名对象数组。参数值为string的元素name,方法值为object
document.
getElementsByTagName
("")
//通过元素标记名称获取同类对象数组。参数值为string的元素标记名称,方法值为object
document.write("") //在网页上显示文本。参数值为输出字符串(也可以是HTML元素字符串,包括script元素),
document.createElement("") //创建HTML元素。参数值为标记元素名称的string
HTML元素标记对象.
innerText
//标记的显示文本。
innerHTML //表示HTML元素中的所有内容。
HTML DOM对象.
appendChild()
//在元素对象中添加一个嵌套的子对象。如document.body.appendChild(元素对象)
location对象 :
location.
href
//链接地址
location.protocol //通信协议
location.host //主机
location.hostname //主机名称
location.port //端口
location.pathname //路径名称
location.search //检索
location.hash //哈希值
location.reload() //刷新页面。
location.
assign("")
//导航到某个网页,支持回执(后退)操作。参数值为具体网址URL的string,
location.
replace("")
//导航到某个网页,不支持回执(后退)操作。参数值为具体网址URL的string
navigator对象 :
navigator.appName //程序名称
navigator.appVersion //程序版本
navigator.browserLanguage //浏览器语言
nvaigator.cookieEnabled //Cookie的启用
nvaigator.platform //平台
nvaigator.systemLanguage //系统语言
history对象 :
history.
back()
//相当于“后退”
history.
forward()
//相当于“前进”
history.
go()
//带一个int参数确定导航到哪条记录。go(-1)相当于back(),go(-2)相当于两次back()
event对象 :
window.
event.x
//鼠标的x坐标
window.
event.y
//鼠标的y坐标
window.
event.keyCode
//键盘按下键的键码
window.
event.SrcElement
//元素对象







