1.BOM(browser object 摩德利)概述
1.1:对浏览器窗口进行访问和控制。
1.2:只是JavaScript实现的一部分,没有任何相关的标准。
2.BOM功能
2.1:窗口——打开、关闭、移动、设置大小
2.2:提供浏览器纤细信息的导航条(navigator)
2.3:提供浏览器中页面信息的定位对象(location)
2.4:体统屏幕详细信息的屏幕对象(screen)
2.5:对cookie的支持
3.BOM体系结构IE——DOM
3.1:window
*窗口移动【moveBy(x,y)相对;moveTo(x,y)绝对】——x,y为数字,没有单位;左上角为原点,右、下为正方向,可以为负;
*设置窗口大小【resizeBy(x,y);resizeTo(x,y)】——resizeTo不能为负数。
*窗口的位置【视口:screenLeft,screenTop——screenX,ScreenY】
*视口(页面显示区)大小【document.body.offsetWidth,document.body.offsetHeight——innerWidth,】
*浏览器窗口自身大小【——outerWidth,outerHeight】
*打开、关闭窗口【open(URL,新窗口标题,窗口修饰属性字符串,),close()——】
resizable——改变大小
scrollable——滚动条
toolbar——工具栏
status——状态栏
location——是否显示URL
父<=>子——
*系统对话框——alert("输出文字")/confirm("提示文字")/prompt("提示文字","默认值");
*状态栏——status="替代href的值";defaultStatus="首次登陆的默认值"
*时间间隔(setInterval())和暂停(setTimeout("动作字符串",毫秒数))——时间间隔是循环的,暂停+迭代和时间间隔等效;
3.1.1:screen
3.1.1.1:availHeight、availWidth——最大高度和宽度
3.1.1.1.2:colorDepth——颜色的位数。
3.1.2:frames
3.1.3:navigator
3.1.4:history
3.1.4.1:history.go(数字)——正则前进history.forward(),负则后退history.back()
3.1.4.2:history.length——历史中的页面数。
3.1.5:document——唯一一个DOM、 BOM都有的对象
*lastModified——最后修改时间的字符串
*referrer——历史中后退一步的URL
*title——
*URL——当前载入页面的URL
3.1.5.1:forms
3.1.5.2:links
3.1.5.3:anchors
3.1.5.4:images
3.1.5.5:location
3.1.6:location——表示和解析URL
3.1.6.1:hash——获得锚点的值
3.1.6.2:hostname、host——服务器
3.1.6.3:pathname——主机后面的部分
3.1.6.4:port——端口号
3.1.6.5:protocol——协议
3.1.6.6:search——获得get方法中的请求参数串
3.1.6.7:href=protocol+hostname+port+pathname+hash
*导航页面——assign()——历史中存档; replace()——在历史中找不到;
*刷新——reload(TRUE服务器|FALSE本地)
分享到:
相关推荐
JavaScript高级编程的学习中,BOM(Browser Object Model)占据着重要的地位,因为它使得JavaScript能够与浏览器进行交互。在浏览器环境中,JavaScript的核心语法是ECMAScript,但BOM提供了与浏览器功能交互的一系列...
本文将深入探讨JavaScript中的BOM(Browser Object Model,浏览器对象模型)以及其中的核心对象——window对象。BOM允许JavaScript与浏览器进行交互,包括处理窗口、框架、位置等。在Web开发中,尽管ECMAScript是...
#### 五、BOM 的核心对象 —— window `window` 对象是 BOM 中最重要的对象,它是所有其他 BOM 对象的父对象。`window` 对象表示当前浏览器窗口,并且提供了许多有用的属性和方法。 - **基本属性**: - `window....
《JavaScript》——Event 对象与事件 Event 对象是 JavaScript 中的一个基本概念,它代表了用户与 Web 页面的交互行为,例如点击、鼠标移动、键盘输入等。Event 对象的属性和方法可以帮助开发者更好地处理用户的...
本书紧密结合互联网行业发展对Web前端开发工程师岗位的技术与能力的需求,详细介绍了HTML、CSS、DIV、JavaScript、DOM与BOM几大组成部分的基本语法和关键应用。内容编排结构合理,由浅入深、循序渐进地引导读者快速...
说明 前端学习过程的体系梳理,持续补充中 root ... |—— javascript Js相关 |—— ES |—— BOM |—— DOM |—— network 网络相关 |—— HTTP |—— TCP/IP |—— WebSocket |—— node
此外,理解JavaScript的执行环境——浏览器端的JavaScript引擎(如V8、SpiderMonkey等),是理解JavaScript工作机制的关键。在服务器端使用Node.js时,了解其异步非阻塞IO模型和事件循环机制也是至关重要的。 以上...
通过本篇文章的学习,我们了解了 BOM 的基本概念、结构及其核心对象——`window`。同时,也深入探讨了 BOM 中常用的几种方法,包括窗体控制、焦点控制以及如何打开和关闭新的窗口。这些知识对于前端开发人员来说至关...
全书从JavaScript语言实现的各个组成部分——语言核心、DOM、BOM、事件模型讲起,深入浅出地探讨了面向对象编程、Ajax与Comet服务器端通信,HTML5表单、媒体、Canvas(包括WebGL)及Web Workers、地理定位、跨文档传递...
JavsScript可以做什么?JavaScript可以做客户端的数据验证、处理,同服务器... 当然JavaScript本身拥有两个特有的对象——BOM、DOM对象,使用这两个对象我们可以完成一系列的处理。 我们知道同是面向对象的语言的C#,C
4. **毕业设计**:从文件名"毕业设计——BOM.doc"来看,这个项目可能是某位学生的毕业设计作品,通常包括了详细的设计文档、需求分析、系统架构、实现过程等内容。这表明该浏览器的实现是一个完整的软件开发过程,...
javascript从入门到跑路—–小文的js学习笔记(1)———script、alert、document。write() 和 console.log 标签 … … javascript从入门到跑路—–小文的js学习笔记目录 ** 一、BOM(Browers,Object,model)...
《3.js.BOM——前端开发的核心知识解析》 在前端开发的世界里,JavaScript(简称JS)扮演着至关重要的角色,而BOM(Browser Object Model,浏览器对象模型)则是JS与浏览器交互的重要接口。本文件“3.js.BOM.rar”...
本篇将深入讲解BOM中的关键对象和方法,并通过一个具体的课程实验——获取本机时间,来展示BOM的应用。 首先,BOM的核心对象是`window`,它是所有其他BOM对象的父对象,代表浏览器的一个实例。`window`对象包含了...
BOM(Browser Object Model)是浏览器提供的接口,允许JavaScript操作浏览器窗口、导航、历史、cookies等特性。例如,window对象是全局对象,包含了与浏览器交互的所有方法和属性。 十一、源码分析 《JavaScript...
本文将深入探讨JavaScript中的两个重要概念——DOM(文档对象模型)和BOM(浏览器对象模型),以及JavaScript的基本用法,帮助初学者更好地理解和运用JavaScript。 DOM,全称为Document Object Model,是W3C制定的...
此外,本书还会涉及JavaScript中的事件处理、DOM操作和BOM(浏览器对象模型)使用,这些都是创建动态网页的关键技术。JavaScript的异步编程,如回调函数、Promise和async/await,也会有详尽的解析,这些内容对于理解...
ID和CLASS的区别 DOM上 1、DOM结构及节点 2、常用节点获取方法和属性 3、常用的节点属性获取方式 关于图片复制到csdn编译器不识别问题 ...BOM ...1、BOM结构 ...BOM定时器 ...————————————
无论是网页的交互性、服务器端的Node.js开发,还是Flash中的ActionScript,JavaScript的核心——ECMAScript——都是其基础。随着Web技术的发展,JavaScript的知识点不断扩展,包括框架(如React、Vue)、模块化(如...
8. **BOM处理**:浏览器对象模型(BOM)允许JavaScript与浏览器进行交互,如窗口操作、导航、历史记录管理、cookies存储等。 9. **AJAX**:尽管本书出版较早,但可能会提及早期的异步JavaScript和XML技术,它是现代...