DOM学习日志(一)

DOM学习第一天
DOM简介:
DOM-文档对象模型,它指定了文档的结构,可以通过dom对文档结构进行操作,比如javascript所操作的html元素所需要的入口就是dom提供的。
DOM分类:
Core DOM - 定义了一套针对任何结构化文档的对象的标准
Xml DOM - 定义了只针对xml文档的对象标准
HTML DOM - 定义了只真对HTML文档的对象标准
HTML DOM
DOM定义了html文档中每个元素都是一个节点,一个html文档本身就是一个文档节点,html里面的标签是元素节点,包含在元素里的文本就是文本节点,元素内的属性就是属性节点。
节点之间的联系通过树形结构来体现,父节点下有子节点,一只树形结构的终点就是节点下在无子节点。
查找并访问节点的两个方法:
1.document.getElementById("");返回指定id的节点对象
2.document.getElementsByTagName("");返回指定name的节点对象列表
每个节点都有parentNode,firstChild,lastChild,nodeName,nodeValue,nodeType属性。
总之,dom就是为了操纵文档内的各种元素用的,他就像是一种中间件一样,javascript通过他才能找到并操作想要操作的文档目标。
Browser对象
window对象 : 表示浏览器窗口
常用属性:frames[],parent
window.frames["frame_name"] 表示当前窗口中的子窗口对象
window.parent 表示当前窗口的父窗口
常用函数: alert(),confirm(),close(),open(),
setTimeOut(code,time), write()
因为window是一个全局对象,所以他的属性和方法都是在当前的环境中计算的,都可以当作全局的来用,例如只写alert(),而不用写window.alert();
Navigator对象 : 表示浏览器的有关信息
不经常用,只做了解
Screen对象 : 表示客户端显示屏幕的信息
不经常用
History对象 : 包含客户访问过的url
常用方法 : back(),go()
history.back() 后退
history.go(-2) 相当于单击两次后退键
Location对象 : 包含有关当前url的信息
常用属性 : host,hostname,href,port,protocol
常用方法 : reload()
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值