文档对象模型(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 对象简单介绍相关推荐

  1. JS核心05:宿主对象dom和bom介绍

    宿主对象dom和bom介绍 Dom简介 事件 JS文档的加载 dom查询 获取父节点和兄弟节点 dom查询剩余方法 dom增.删.改 使用dom操作css 读取当前属性的样式 其他样式相关属性 Dom ...

  2. jQuery介绍 DOM对象和jQuery对象的转换与区别

    jQuery Hello World程序 <script type="text/javascript" src="xxx//jquery-x.y.z.js" ...

  3. html dom树的结构图,什么是DOM对象?DOM树形结构介绍

    JavaScript中,经常需要操作DOM.所谓DOM指的是文档对象模型(Document Object Model).它提供了对文档结构化的描述,并将HTML页面与脚本.程序语言联系起来. 为了大家 ...

  4. jquery对象PHP转换,jquery对象和DOM对象如何相互转换?

    本篇文章给大家介绍一下jquery对象和DOM对象的转换,有需要的朋友可以参考一下,希望对你有所帮助. 我们在上一篇文章jquery对象和DOM对象的区别有哪些?中也简单介绍了关于jquery对象和D ...

  5. client高性能组件化框架React简单介绍、特点、环境搭建及经常使用语法

    [本文源址:http://blog.csdn.net/q1056843325/article/details/54729657 转载请加入该地址] 明天就是除夕了 预祝大家新春快乐 [ ]~( ̄▽ ̄) ...

  6. jQuery简单介绍

    一.jQuery介绍 jQuery是一个轻量级的.兼容多浏览器的JavaScript库. jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Ajax交 ...

  7. [举一反三]使用javascript转换字符串为dom对象(字符串动态创建dom)

    前言: 在javascript里面动态创建标准dom对象一般使用: var obj = document.createElement('div'); 然后再给obj设置一些属性. 但是,在实际使用过程 ...

  8. jQuery学习笔记系列(一)——入口函数,jQuery对象和DOM对象,jQuery选择器、样式操作、效果(显示隐藏、滑入滑出、淡入淡出、自定义动画、停止动画队列)

    day01 - jQuery 学习目标: 能够说出什么是 jQuery 能够说出 jQuery 的优点 能够简单使用 jQuery 能够说出 DOM 对象和 jQuery 对象的区别 能够写出常用的 ...

  9. DOM对象本身也是一个js对象,所以严格来说,并不是操作这个对象慢,而是说操作了这个对象后,会触发一些浏览器行为(转)...

    一直都听说DOM很慢,要尽量少的去操作DOM,于是就想进一步去探究下为什么大家都会这样说,在网上学习了一些资料,这边整理出来. 首先,DOM对象本身也是一个js对象,所以严格来说,并不是操作这个对象慢 ...

最新文章

  1. c1和c2语言水平,为什么驾校不建议考C2,驾驶证C1和C2的区别
  2. 基于Redis的CustomerSessionProvider(一)
  3. maven导出Java方法_eclipse导出maven工程的可执行jar包
  4. VirtualBox 安装 增强功能
  5. 【疑难杂症】VScode底部状态栏不见、设置默认文件编码方式
  6. null与undefined的异同点
  7. algodoo是什么意思_洋是什么意思 带洋字的男孩名字 用洋字起名的寓意
  8. 面阵激光雷达产品调研——Livox Avia
  9. 帝国CMS对接百度小程序实现文章自动收录的方法
  10. ava Springboot养老院信息管理系统源码
  11. Android高德地图的定位
  12. 人工智能(网络爬虫)
  13. 让职场人早下班的PDF转Word技巧,速戳!
  14. [CTF]No.0002 莫桑比克-php是最好的语言(待完善)
  15. A tutorial on Principal Components Analysis | 主成分分析(PCA)教程
  16. [PTA C语言]求交错序列前N项和
  17. 今天是你的生日,你就快乐些吧
  18. SLO如何实现快速,可靠的应用程序交付
  19. 小白上楼梯(递归设计)
  20. JAVA-LocalDateTime时间格式化,转换时间戳和源码分析

热门文章

  1. 蘋果春季發布會一周之後
  2. 我很多文章都有建议大伙不要轻易去创业
  3. 想成为有钱人,你要逼自己戒掉这5个坏习惯
  4. 别人25岁就拥有了自己的事业,我30岁还在打工
  5. cpu —>内存—>硬盘这种方式是不是更慢?
  6. 为什么i3的cpu基础频率最高,达到4.0了?
  7. 最长递增子序列(力扣)图解
  8. CMake的简单使用
  9. 如何用MobaXterm查看日志信息以及xml
  10. ssrs 级联参数_在SSRS中使用多值参数