学习JavaScript之BOM部分

前面我学习了DOM也就是文档对象模型,BOM呢,就是浏览器对象模型,它可以对浏览器窗口进行访问和操作。

与DOM不同的是它的老大元素不在是document,而是window,打开浏览器时,JavaScript就默认创建一个Window对象,用来代表整个浏览器窗口。使用这个对象可以读浏览器窗口进行操作、导航或者打开新的窗口、弹出系统对话框。

在Window对象中,我比较感兴趣的就是它的窗口操作和时间间隔和暂停,虽然对窗口操作比较感兴趣,但是应该尽量少用,因为移动浏览器窗口和调整它的大小会对用户产生影响,就会降低用户体验,所以自己玩玩就好;再说时间间隔和暂停吧,这个就很nice了,它有四种,但是也可以说两种,因为setTimeout和setInterval类似,而它们的区别就是,setTimeout是等待多少毫秒过后执行一次,而setInterval是间隔多少毫秒执行一次,学习这里的时候老师补充了一个属性,  disabled 这个属性就是无效的意思,它的用处就是和前面介绍的两个函数配合使用,至于在其他方面有没有用处我不知道,既然老师没有提到,而且在以往的学习中没有用过,对它就没有继续深入的想法。

BOM的document对象呢,在这里,实际上是window对象的属性,它的对象集合,页面中所有表单的集合(forms)、页面中所有图像的集合(images)、页面中所有链接的集合(links),当然不止这几个,还有的差不多都不怎么用了,我就记录了。

location对象,这是BOM中最有用的对象之一,表示载入窗口的URL,还有一点值得注意的是,它是window对象和document对象的属性,所以window.location和window.location互相等价.

navigator对象,获取浏览器本身信息,它也是BOM最早实现的对象之一,在判断浏览器页面采用哪种浏览器时,navigator对象是非常有用的.

screen对象,获取某些关于用户屏幕的信息.

这就是学习浏览器对象模型的相关知识内容。

时间: 2024-10-09 04:16:29

学习JavaScript之BOM部分的相关文章

一步步学习javascript基础篇(7):BOM和DOM

一.什么是BOM.什么是DOM BOM即浏览器对象模型,主要用了访问一些和网页无关的浏览器功能.如:window.location.navigator.screen.history等对象. DOM即文档对象模型,针对HTML(或XML)文档的API(应用程序编程接口).描绘的一个层次化的节点树,开发人员可以添加.修改和删除页面的某一部分. 二.细说BOM对象 1.window对象 window对象表示浏览器的一个实例,同时也是ECMAScript 规定的 Global 对象.(Global :所

【转载】跟着9张思维导图学习JavaScript

原文:跟着9张思维导图学习JavaScript 学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将 po 出我收集的 9 张 JavaScript相关的思维导图(非原创). 思维导图小tips: 思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具.思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出来,把主题关键词与图像.颜色等建立记忆链接,思维导图充分运用左右脑的机能,利用记忆.阅读.思维的规律,协助人们在科

如何系统地学习JavaScript

在过去,JavaScript只是被用来做一些简单的网页效果,比如表单验证.浮动广告等,所以那时候JavaScript并没有受到重视.自从AJAX开始流行后,人们发现利用JavaScript可以给用户带来更好的体验,甚至利用这一优点开发了大型网页游戏,于是这门小语言被重视了起来.现在,很多公司会招专门的JavaScript工程师,通常JavaScript是WEB前端开发的必备技能.简单介绍了JavaScriptr的好处,并不代表大家就会去学习甚至把它学好,兴趣是很关键的,我认为兴趣是最好的老师,它

如何正确学习JavaScript

学习时长:6-8周学习前提:中学水平,无需编程经验 更新(2014-1-7) 在Reddit上创建了一个学习小组January 2014, “Learn JavaScript” Study Group on Reddit 目录 不要这样学习JavaScript 本课程资源 1-2周(简介,数据类型,表达式和操作符) 3~4周(对象,数组,函数,DOM,jQuery) JavaScript终极编辑器:WebStorm 第一个项目-动态问答应用 5-6周(正则表达式,Window对象,事件,jQue

如何理解并学习javascript中的面向对象(OOP) [转]

如果你想让你的javascript代码变得更加优美,性能更加卓越.或者,你想像jQuery的作者一样,写出属于自己优秀的类库(哪怕是基于 jquery的插件).那么,你请务必要学习javascript面向对象,否则你无法更灵活的使用javascript这门语言. 什么事闭包?到底什么是原型?(知道闭包和原型的,就算得上是javascript的高手了.但真正能够理解,并且灵活运用的人并不多)到底该如何学习javascript中的面向对象呢?在javascript这么语言正如日中天,相信不少人正在为

学习JavaScript王者归来_02

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 <html>     <head>         <title></title>         <script>             function ArrayList(array) {                 this._arr =

学习JavaScript中的异步Generator

本文和大家分享的主要是javascript中异步Generator相关内容,一起来看看吧,希望对大家学习javascript 有所帮助. 异步的generators和异步iteration已经到来 ! 这是错误的, 它们现在还在 阶段 3 ,这表示他们很有可能在JavaScript未来的一个版本中发布. 在他们发布之前,你可以通过 Babel 来在你的项目中使用还在阶段3的建议内容. 网站基本上还是一些分散运行的应用,因为任何在语言上的修改都会造成永久的影响,所以所有的未来的版本都需要向后兼容.

如何循序渐进有效学习 JavaScript?

著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处.作者:宋学彦链接:http://www.zhihu.com/question/19713563/answer/23068003来源:知乎 分享一篇 超毛 的一篇文章<如何学习javascript>(原文网址已经无法访问,所以就不放链接了,内容在下面) 内容: 首先要说明的是,咱现在不是高手,最多还是一个半桶水,算是入了JS的门 谈不上经验,都是一些教训 这个时候有人要说,“靠,你丫半桶水,凭啥教我们”.您先别急着骂,先听我说

和demopu一起学习javascript ( concat函数 )

和demopu一起学习javascript (  concat函数 ) 定义和用法 concat方法可以把两个或者多个数组连接起来,组成一个新的数组. 语法 concat(array1,array2,......,arrayN) 参数 描述 array1 必需.该参数可以是具体的值,也可以是数组对象.可以是任意多个. 例子 1 var arr = ["George","John","Thomas"]; var arr2 = ["Jame