`

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

    《javascript》——event对象与事件

    《javascript》——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

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

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

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

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

    c认证web进阶dom与bom

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

    javascript高级教程

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

    02-javaWeb-css$js.7z

    bom(Browser浏览器对象)中window对象的定时器方法 定时器 String对象 图片轮播案例 补充 运算符 语句 总结 ———————————————— 版权声明:本文为CSDN博主「oooola」的原创文章,遵循CC 4.0 ...

    JavaScript详解(第2版)

     第10章 浏览器对象模型:BOM   10.1 JavaScript及浏览器对象模型   10.1.1 navigator对象的使用   10.1.2 window对象的使用   10.1.3 创建定时事件   10.1.4 Frame的使用   10.1.5 location...

    JavaScript学习指南(第2版).pdf

    ● 基于浏览器对象模型(BOM)、文档对象模型(DOM)以及所创建的自定义对象完成开发; ● 浏览器端的cookie及更新的客户端存储技术; ● 在Ajax应用程序中使用XML或JSON表示法的细节。 本书遵循已被验证的学习法则...

    Professional JavaScript for Web Developers.pdf

    这一点,再加上移动web流量的增加,对响应性、动态web设计的需求不断增加,意味着所有web开发人员都需要更新他们的技能——这本书是您快速、相关指导的理想资源。 通过ES2019获取ECMAScript的最新信息,包括类、承诺...

    JavaScript 高级程序设计非扫描版

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

    JavaScript开发王

    全书从JavaScript语言实现的各个组成部分——语言核心、DOM、BOM、事件模型讲起,深入浅出地探讨了面向地理定位、跨文档传递消息、客户端存储(包括IndexedDB)等新API,还介绍了离线应用和与维护、性能、部署相关的...

    js高级程序设计第三版(高清中文含源码压缩)JavaScript 超级畅销书的最新版

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

    js高级程序设计第三版

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

    Javascrpt 高级程序设计(第3版)中文文字版

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

    js高级程序设计第三版(高清中文含源码压缩)

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

    Javascrpt高级程序设计

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

    Javascrpt 高级程序设计(第3版)英文

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

Global site tag (gtag.js) - Google Analytics