javascript02 - ES BOM DOM

JavaScript 组成

  • JavaScript api查询入口
  • ECMAScript
    • JavaScript的核心,包括基本语法、变量、关键字、保留字、数据类型、语句、函数等
  • DOM
    • 文档对象模型(整个html页面的内容)
  • BOM
    • 浏览器对象模型(整个浏览器相关的内容)

BOM

BOM,浏览器对象模型(操作与浏览器相关的内容)

Window 对象

// 方法
alert()			// 显示带有一段消息和一个确认按钮的警告框。
confirm()		// 显示带有一段消息以及确认按钮和取消按钮的对话框。
prompt()		// 显示可提示用户输入的对话框。
clearInterval()	// 取消由 setInterval() 设置的 timeout。
clearTimeout()	// 取消由 setTimeout() 方法设置的 timeout。

setInterval()	// 按照指定的周期(以毫秒计)来调用函数或计算表达式。
clearInterval()	// 取消由 setInterval() 设置的 timeout。
setTimeout()	// 在指定的毫秒数后调用函数或计算表达式。
clearTimeout()	// 取消由 setTimeout() 方法设置的 timeout。

Location对象

  • Location对象api查询入口
  • Location对象包含当前有关URL的相关信息
  • Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。
// 属性
href	// 设置或返回完整的URL,该属性可以通过js来控制页面的跳转

History对象

  • History对象api查询入口
  • History 对象包含用户(在浏览器窗口中)访问过的 URL。
  • History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。
// 方法
back()		// 加载 history 列表中的前一个 URL。
forward()	// 加载 history 列表中的下一个 URL。
go()		// 加载 history 列表中的某个具体页面。

// 返回前一个url
<input type="button" value="返回上一页面" onclick="javascript:history.back()" />

// 让按钮失效
<input type="button" value="确定" onclick="javascript:volid(0)" />

Navigator对象

Screen 对象

DOM

DOM:文档对象模型,定义访问和操作结构化文档(HTML)的方式

  • 创建的结构化文档:html、xml等
  • DOM包括:核心DOM、HTML DOM、XML DOM。通常,HTML DOM和XML DOM可以相互使用。
  • HTML DOM将整个HTML文档呈现成一颗DOM树,树上有元素、属性、文本等成员。
    在这里插入图片描述

Document 对象

  • Document 对象api查询入口
  • 每个载入浏览器的 HTML 文档都会成为 Document 对象。
  • Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
  • Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。

Element 对象

  • Element 对象api查询入口
  • 在 HTML DOM 中,Element 对象表示 HTML 元素。
  • Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。

Attribute 对象

  • Attribute 对象api查询入口
  • 在 HTML DOM 中,Attr 对象表示 HTML 属性。
  • 在 HTML DOM 中,NamedNodeMap 对象表示元素属性节点的无序集合。

Event 对象

  • Event 对象api查询入口
  • Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
  • 事件通常与函数结合使用,函数不会在事件发生前被执行!
发布了48 篇原创文章 · 获赞 1 · 访问量 1058

猜你喜欢

转载自blog.csdn.net/laonxs/article/details/104683197