关闭

JavaScript中的Bom和Dom

标签: javascripthtmlinput浏览器objectiframe
652人阅读 评论(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> 元素

DOM的顶层是document对象。每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

参考和引用:

HTML DOM参考手册
JavaScript中的BOM和DOM
javascript bom和dom介绍

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:105536次
    • 积分:1548
    • 等级:
    • 排名:千里之外
    • 原创:37篇
    • 转载:45篇
    • 译文:0篇
    • 评论:4条
    文章分类
    最新评论
    Linux