JavaScript中的Bom和Dom

最新推荐文章于 2024-07-20 16:59:43 发布

leeeryan

最新推荐文章于 2024-07-20 16:59:43 发布

阅读量866

点赞数

分类专栏： Google V8 文章标签： javascript html input 浏览器 object iframe

本文链接：https://blog.csdn.net/leeeryan/article/details/6126758

版权

Google V8 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

Bom (Browser Object Model)

Browser 对象参考手册

对象	描述
Window	JavaScript 层级中的顶层对象，表示浏览器窗口。
Navigator	包含客户端浏览器的信息。
Screen	包含客户端显示屏的信息。
History	包含了浏览器窗口访问过的 URL。
Location	包含了当前 URL 的信息。

BOM的顶层是window对象。Window 对象表示浏览器中打开的窗口。

如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。

在客户端 JavaScript（浏览器）中，Window 对象就是全局对象。
全局对象只是一个对象，而不是类。既没有构造函数，也无法实例化一个新的全局对象。所有的表达式都在当前的环境中计算。
也就是说，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来使用。
例如，可以只写 document ，而不必写 window.document。

Window 对象中五个重要属性：
document 对 Document 对象的只读引用。请参阅 Document 对象。
history       对 History 对象的只读引用。请参数 History 对象。
location     用于窗口或框架的 Location 对象。请参阅 Location 对象。
Navigator 对 Navigator 对象的只读引用。请参数 Navigator 对象。
Screen       对 Screen 对象的只读引用。请参数 Screen 对象。

Tips:JavaScript 中只能通过引用访问对象(详细看对象的引用与废除机制 )

Dom (Document Object Model)

HTML DOM 对象参考手册

对象	描述
Document	代表整个 HTML 文档，可被用来访问页面中的所有元素
Anchor	代表 <a> 元素
Area	代表图像映射中的 <area> 元素
Base	代表 <base> 元素
Body	代表 <body> 元素
Button	代表 <button> 元素
Event	代表某个事件的状态
Form	代表 <form> 元素
Frame	代表 <frame> 元素
Frameset	代表 <frameset> 元素
Iframe	代表 <iframe> 元素
Image	代表 <img> 元素
Input button	代表 HTML 表单中的一个按钮
Input checkbox	代表 HTML 表单中的复选框
Input file	代表 HTML 表单中的文件上传
Input hidden	代表 HTML 表单中的隐藏域
Input password	代表 HTML 表单中的密码域
Input radio	代表 HTML 表单中的单选按钮
Input reset	代表 HTML 表单中的重置按钮
Input submit	代表 HTML 表单中的确认按钮
Input text	代表 HTML 表单中的文本输入域（文本框）
Link	代表 <link> 元素
Meta	代表 <meta> 元素
Object	代表 <Object> 元素
Option	代表 <option> 元素
Select	代表 HTML 表单中的选择列表
Style	代表单独的样式声明
Table	代表 <table> 元素
TableData	代表 <td> 元素
TableRow	代表 <tr> 元素
Textarea	代表 <textarea> 元素