`

JavaScript——BOM

阅读更多

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高级编程学习笔记27——BOM1window对象1.docx

    JavaScript高级编程的学习中,BOM(Browser Object Model)占据着重要的地位,因为它使得JavaScript能够与浏览器进行交互。在浏览器环境中,JavaScript的核心语法是ECMAScript,但BOM提供了与浏览器功能交互的一系列...

    Javascript之BOM(window对象)详解_.docx

    本文将深入探讨JavaScript中的BOM(Browser Object Model,浏览器对象模型)以及其中的核心对象——window对象。BOM允许JavaScript与浏览器进行交互,包括处理窗口、框架、位置等。在Web开发中,尽管ECMAScript是...

    JavaScript_——DOM总结.txt

    #### 五、BOM 的核心对象 —— window `window` 对象是 BOM 中最重要的对象,它是所有其他 BOM 对象的父对象。`window` 对象表示当前浏览器窗口,并且提供了许多有用的属性和方法。 - **基本属性**: - `window....

    《javascript》——event对象与事件

    《JavaScript》——Event 对象与事件 Event 对象是 JavaScript 中的一个基本概念,它代表了用户与 Web 页面的交互行为,例如点击、鼠标移动、键盘输入等。Event 对象的属性和方法可以帮助开发者更好地处理用户的...

    Web前端开发技术——HTML、CSS、JavaScript

    本书紧密结合互联网行业发展对Web前端开发工程师岗位的技术与能力的需求,详细介绍了HTML、CSS、DIV、JavaScript、DOM与BOM几大组成部分的基本语法和关键应用。内容编排结构合理,由浅入深、循序渐进地引导读者快速...

    Frontend-Learning:持续充电ing

    说明 前端学习过程的体系梳理,持续补充中 root ... |—— javascript Js相关 |—— ES |—— BOM |—— DOM |—— network 网络相关 |—— HTTP |—— TCP/IP |—— WebSocket |—— node

    从零开始学JavaScript

    此外,理解JavaScript的执行环境——浏览器端的JavaScript引擎(如V8、SpiderMonkey等),是理解JavaScript工作机制的关键。在服务器端使用Node.js时,了解其异步非阻塞IO模型和事件循环机制也是至关重要的。 以上...

    简单的bom文档

    通过本篇文章的学习,我们了解了 BOM 的基本概念、结构及其核心对象——`window`。同时,也深入探讨了 BOM 中常用的几种方法,包括窗体控制、焦点控制以及如何打开和关闭新的窗口。这些知识对于前端开发人员来说至关...

    javascript高级教程

    全书从JavaScript语言实现的各个组成部分——语言核心、DOM、BOM、事件模型讲起,深入浅出地探讨了面向对象编程、Ajax与Comet服务器端通信,HTML5表单、媒体、Canvas(包括WebGL)及Web Workers、地理定位、跨文档传递...

    你需要知道的JavsScript可以做什么?

    JavsScript可以做什么?JavaScript可以做客户端的数据验证、处理,同服务器... 当然JavaScript本身拥有两个特有的对象——BOM、DOM对象,使用这两个对象我们可以完成一系列的处理。 我们知道同是面向对象的语言的C#,C

    BOM-brwoser on minigui

    4. **毕业设计**:从文件名"毕业设计——BOM.doc"来看,这个项目可能是某位学生的毕业设计作品,通常包括了详细的设计文档、需求分析、系统架构、实现过程等内容。这表明该浏览器的实现是一个完整的软件开发过程,...

    javascript从入门到跑路—–小文的js学习笔记(8)—–bom的对象及其用法—window 、History、location、navigator 、screen

    javascript从入门到跑路—–小文的js学习笔记(1)———script、alert、document。write() 和 console.log 标签 … … javascript从入门到跑路—–小文的js学习笔记目录 ** 一、BOM(Browers,Object,model)...

    3.js.BOM.rar

    《3.js.BOM——前端开发的核心知识解析》 在前端开发的世界里,JavaScript(简称JS)扮演着至关重要的角色,而BOM(Browser Object Model,浏览器对象模型)则是JS与浏览器交互的重要接口。本文件“3.js.BOM.rar”...

    Web关于BOM对象的使用

    本篇将深入讲解BOM中的关键对象和方法,并通过一个具体的课程实验——获取本机时间,来展示BOM的应用。 首先,BOM的核心对象是`window`,它是所有其他BOM对象的父对象,代表浏览器的一个实例。`window`对象包含了...

    javaScript权威指南(附源码)

    BOM(Browser Object Model)是浏览器提供的接口,允许JavaScript操作浏览器窗口、导航、历史、cookies等特性。例如,window对象是全局对象,包含了与浏览器交互的所有方法和属性。 十一、源码分析 《JavaScript...

    javascript思维导图

    本文将深入探讨JavaScript中的两个重要概念——DOM(文档对象模型)和BOM(浏览器对象模型),以及JavaScript的基本用法,帮助初学者更好地理解和运用JavaScript。 DOM,全称为Document Object Model,是W3C制定的...

    JavaScript权威(第四版)

    此外,本书还会涉及JavaScript中的事件处理、DOM操作和BOM(浏览器对象模型)使用,这些都是创建动态网页的关键技术。JavaScript的异步编程,如回调函数、Promise和async/await,也会有详尽的解析,这些内容对于理解...

    c认证web进阶dom与bom

    ID和CLASS的区别 DOM上 1、DOM结构及节点 2、常用节点获取方法和属性 3、常用的节点属性获取方式 关于图片复制到csdn编译器不识别问题 ...BOM ...1、BOM结构 ...BOM定时器 ...————————————

    JavaScript知识点复习.pdf

    无论是网页的交互性、服务器端的Node.js开发,还是Flash中的ActionScript,JavaScript的核心——ECMAScript——都是其基础。随着Web技术的发展,JavaScript的知识点不断扩展,包括框架(如React、Vue)、模块化(如...

    JavaScript.2.0.The.Complete.Reference.2nd.2004

    8. **BOM处理**:浏览器对象模型(BOM)允许JavaScript与浏览器进行交互,如窗口操作、导航、历史记录管理、cookies存储等。 9. **AJAX**:尽管本书出版较早,但可能会提及早期的异步JavaScript和XML技术,它是现代...

Global site tag (gtag.js) - Google Analytics