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 //元素对象
转载于:https://www.cnblogs.com/xifengyeluo/p/5947825.html
HTML DOM 对象简单介绍相关推荐
- JS核心05:宿主对象dom和bom介绍
宿主对象dom和bom介绍 Dom简介 事件 JS文档的加载 dom查询 获取父节点和兄弟节点 dom查询剩余方法 dom增.删.改 使用dom操作css 读取当前属性的样式 其他样式相关属性 Dom ...
- jQuery介绍 DOM对象和jQuery对象的转换与区别
jQuery Hello World程序 <script type="text/javascript" src="xxx//jquery-x.y.z.js" ...
- html dom树的结构图,什么是DOM对象?DOM树形结构介绍
JavaScript中,经常需要操作DOM.所谓DOM指的是文档对象模型(Document Object Model).它提供了对文档结构化的描述,并将HTML页面与脚本.程序语言联系起来. 为了大家 ...
- jquery对象PHP转换,jquery对象和DOM对象如何相互转换?
本篇文章给大家介绍一下jquery对象和DOM对象的转换,有需要的朋友可以参考一下,希望对你有所帮助. 我们在上一篇文章jquery对象和DOM对象的区别有哪些?中也简单介绍了关于jquery对象和D ...
- client高性能组件化框架React简单介绍、特点、环境搭建及经常使用语法
[本文源址:http://blog.csdn.net/q1056843325/article/details/54729657 转载请加入该地址] 明天就是除夕了 预祝大家新春快乐 [ ]~( ̄▽ ̄) ...
- jQuery简单介绍
一.jQuery介绍 jQuery是一个轻量级的.兼容多浏览器的JavaScript库. jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Ajax交 ...
- [举一反三]使用javascript转换字符串为dom对象(字符串动态创建dom)
前言: 在javascript里面动态创建标准dom对象一般使用: var obj = document.createElement('div'); 然后再给obj设置一些属性. 但是,在实际使用过程 ...
- jQuery学习笔记系列(一)——入口函数,jQuery对象和DOM对象,jQuery选择器、样式操作、效果(显示隐藏、滑入滑出、淡入淡出、自定义动画、停止动画队列)
day01 - jQuery 学习目标: 能够说出什么是 jQuery 能够说出 jQuery 的优点 能够简单使用 jQuery 能够说出 DOM 对象和 jQuery 对象的区别 能够写出常用的 ...
- DOM对象本身也是一个js对象,所以严格来说,并不是操作这个对象慢,而是说操作了这个对象后,会触发一些浏览器行为(转)...
一直都听说DOM很慢,要尽量少的去操作DOM,于是就想进一步去探究下为什么大家都会这样说,在网上学习了一些资料,这边整理出来. 首先,DOM对象本身也是一个js对象,所以严格来说,并不是操作这个对象慢 ...
最新文章
- c1和c2语言水平,为什么驾校不建议考C2,驾驶证C1和C2的区别
- 基于Redis的CustomerSessionProvider(一)
- maven导出Java方法_eclipse导出maven工程的可执行jar包
- VirtualBox 安装 增强功能
- 【疑难杂症】VScode底部状态栏不见、设置默认文件编码方式
- null与undefined的异同点
- algodoo是什么意思_洋是什么意思 带洋字的男孩名字 用洋字起名的寓意
- 面阵激光雷达产品调研——Livox Avia
- 帝国CMS对接百度小程序实现文章自动收录的方法
- ava Springboot养老院信息管理系统源码
- Android高德地图的定位
- 人工智能(网络爬虫)
- 让职场人早下班的PDF转Word技巧,速戳!
- [CTF]No.0002 莫桑比克-php是最好的语言(待完善)
- A tutorial on Principal Components Analysis | 主成分分析(PCA)教程
- [PTA C语言]求交错序列前N项和
- 今天是你的生日,你就快乐些吧
- SLO如何实现快速,可靠的应用程序交付
- 小白上楼梯(递归设计)
- JAVA-LocalDateTime时间格式化,转换时间戳和源码分析