BOM(浏览器对象模型):能够对浏览器的窗体进行訪问和操作

1、主要的BOM体系:

window------------document------------------------------------------anchors

| |

--frames
----forms

| |

--history
----images

| |

--location(浏览器地址)
 ----links

| |

--navigator(获取浏览器信息)
----location

|

--screen(屏幕)


2、screen 对象:通过window.screen属性来訪问

(1)、availHeight / availWidth(返回屏幕的内高度/宽度。相对于硬件而言,不随窗体大小变化而变化)

(2)、height / width 返回屏幕硬件规定总高,不可改变

(3)pixelDepth  显示屏幕的颜色分辨率(比特每像素)

3、location对象:通过window.location属性来訪问

(1)hash  设置或返回从井号 (#) 開始的 URL(锚)。

(2)host  设置或返回主机名和当前 URL 的port号。

(3)hostname   设置或返回当前 URL 的主机名。

(4)href   设置或返回完整的 URL。

(5)pathname   设置或返回当前 URL 的路径部分。

(6)port   设置或返回当前 URL 的端口号。

(7)protocol   设置或返回当前 URL 的协议。

(8)search   设置或返回从问号 (?

) 開始的 URL(查询部分)。

(9)assign()  载入新的文档

(10)replace()   用新的文档替换当前文档

如:window.location.replace("http://www.w3school.com.cn")

(11)reload()   又一次载入当前文档

4、history对象:通过window.history 属性来訪问

(1)length:返回浏览器历史列表中的url数量

如:document.write(history.length);

(2)back()   载入 history 列表中的前一个 URL

(3)forward()    载入 history 列表中的下一个 URL

(4)go()   载入 history 列表中的某个详细页面

5、navigator对象:

(1)appCodeName  浏览器代码名的字符串表示(如"Mozilla")

(2)appName   官方浏览器名的字符串表示

(3)appMinorVersion    额外版本号信息的字符串表示

6 、时间间隔和暂停

暂停:在指定的毫秒数后运行指定的代码,时间间隔是重复运行指定的代码,每次运行之间等待指定的毫秒数

用window对象的setTimeout()方法设置暂停,接受两个參数,要运行的代码和在运行它之前要等待的毫秒数,可
以引用曾经定义的函数,如setTimeout(func,1000);意思是在1秒之后运行func函数

setTimeout 和 setInterval 的差别:

setTimeout方法是定时程序,也就是在什么时间以后干什么。干完就完了.

  setInterval方法则是表示间隔一定时间重复运行某操作。

  JS里设定延时:

使用SetInterval和设定延时函数setTimeout 非常类似。setTimeout 运用在延迟一段时间,再进行某项操作。

setTimeout("function",time) 设置一个超时对象

setInterval("function",time) 设置一个超时对象

SetInterval为自己主动反复,setTimeout不会反复。

clearTimeout(对象) 清除已设置的setTimeout对象

clearInterval(对象) 清除已设置的setInterval对象

JavaScript——BOM(浏览器对象模型),时间间隔和暂停的更多相关文章

  1. [TimLinux] JavaScript BOM浏览器对象模型

    1. 简介 ECMAScript是JavaScript的核心,但是如果要在WEB中使用JavaScript,那么BOM则无疑才是真的的核心.BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网 ...

  2. 第一百一十一节,JavaScript,BOM浏览器对象模型

    JavaScript,BOM浏览器对象模型 学习要点: 1.window对象 2.location对象 3.history对象 BOM也叫浏览器对象模型,它提供了很多对象,用于访问浏览器的功能.BOM ...

  3. JavaScript Window - 浏览器对象模型

    浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话". 浏览器对象模型 (BOM) 浏览器对象模型(Browser Object Model (BOM))尚 ...

  4. JavaScript(二、BOM 浏览器对象模型)

    一.BOM是什么 BOM是browser object model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心 ...

  5. javascript之BOM浏览器对象模型引入

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. javascript高级程序设计第3版——第8章 BOM(浏览器对象模型)

    第八章,浏览器对象模型 主要介绍了window的几个对象以及框架,窗口的关系,各个浏览器对象的属性以及方法:

  7. BOM——浏览器对象模型(Browser Object Model)

    什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对 ...

  8. BOM—浏览器对象模型(Browser Object Model)

     1,javascript   组成部分: 1.ECMAscript(核心标准):    定义了基本的语法,比如:if for 数组 字符串 ... 2.BOM  : 浏览器对象模型(Browser ...

  9. JavaScirpt(JS)——BOM浏览器对象模型

    一.BOM概念 BOM(Browser Object Model)即浏览器对象模型.可以对浏览器窗口进行访问和操作.使用 BOM,开发者可以移动窗口.改变状态栏中的文本以及执行其他与页面内容不直接相关 ...

随机推荐

  1. TYVJ 1427 线段树的基本操作

    题意: 单点修改,区间最值 思路: 线段树 原题请戳这里 //By SiriusRen #include <cstdio> #include <cstring> #includ ...

  2. Dalvik虚拟机和JVM的对比

    Dalvik虚拟机与Java虚拟机有着很多相似的特性,都支持GC,JIT,JNI等等.其主要区别在于文件格式以及指令集不同,下面对两者的特性进行比较与讨论. Difference1:文件格式 Dalv ...

  3. 如何防范自己的IP泄漏

    在正式进行各种“黑客行为”之前,黑客会采取各种手段,探测(也可以说“侦察”)对方的主机信息,以便决定使用何种最有效的方法达到自己的目的.来看看黑客是如何获知最基本的网络信息——对方的IP地址:以及用户 ...

  4. C语言break/continue/exit/return的功能区别

    break是跳出整个循环而执行循环体之外的下一条语句: continue只是跳出本次循环继续判断下一次循环条件是否满足. exit() 结束当前进程/当前程式/,在整个程式中,只要调用 exit ,就 ...

  5. Java中数组遍历

    就是将数组中的每个元素分别获取出来,就是遍历.遍历也是数组操作中的基石. 数组的索引是 0 到 lenght-1 ,可以作为循环的条件出现 public class ArrayDemo4 { publ ...

  6. 【转】ROI Pooling

    Faster rcnn的整体构架: 训练的大致过程: 1.图片先缩放到MxN的尺寸,之后进入vgg16后得到(W/16,H/16)大小的feature map: 2.对于得到的大小为(W/16,H/1 ...

  7. 取得Linux系统的各种统计信息

    本文基于Linux 2.6.x内核 一.取得CPU信息(相关文件/proc/stat) 在一个系统中的/proct/stat文件内容如下 $ cat /proc/stat cpu 1039426 17 ...

  8. 实验二:1、输出“Hello Word!”;2、测试主方法 的输入参数。3、总结

    一.输出:“Hello Word!” 1.新建java项目:点击File->New->Java Project.在project name一栏中输入自己所要创建的项目名称,点击Finish ...

  9. LAMP环境下,通过网页url获取gb2312编码中文命名的下载资源方法

    最近有个功能, 要求获取中文命名的.zip压缩文件,我准备直接采用网页url填写压缩文件地址的方式获取下载资源, 但问题是 我们的linux系统和php编程环境都是采用的zh_GB2312编码, 而浏 ...

  10. 纯css3实现箭头、关闭按钮旋转效果

    说起css3的旋转效果,那就要说为什么不用js去实现,CSS3的动画效果,能够减少对JavaScript和Flash文件的HTTP请求这是原因之一.但是css3可能要求浏览器执行很多的工作来完成这个动 ...