javascript
JavaScript 组成
- JavaScript api查询入口
- ECMAScript
- JavaScript的核心,包括基本语法、变量、关键字、保留字、数据类型、语句、函数等
- DOM
- 文档对象模型(整个html页面的内容)
- BOM
- 浏览器对象模型(整个浏览器相关的内容)
BOM
BOM,浏览器对象模型(操作与浏览器相关的内容)
Window 对象
- window对象api查询入口
- 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对象
- Navigator对象api查询入口
- Navigator 对象包含有关浏览器的信息。
Screen 对象
- Screen对象api查询入口
- 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 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
- 事件通常与函数结合使用,函数不会在事件发生前被执行!