JavaScript——BOM(浏览器对象模型),时间间隔和暂停

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 的端口号。

(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对象

时间: 2024-12-25 20:24:06

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

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

1. 简介 ECMAScript是JavaScript的核心,但是如果要在WEB中使用JavaScript,那么BOM则无疑才是真的的核心.BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关.BOM没有标准,各浏览器厂商间定义的公共对象,可以作为事实上的标准存在.W3C在HTML5中把BOM纳入了规范中. 2. window对象 window对象:表示浏览器的一个实例.window的双重角色:通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Gl

JavaScript Window - 浏览器对象模型

浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话". 浏览器对象模型 (BOM) 浏览器对象模型(Browser Object Model (BOM))尚无正式标准. 由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方法和属性. Window 对象 所有浏览器都支持 window 对象.它表示浏览器窗口. 所有 JavaScript 全局对象.函数以及变量均自动成为 window 对象的成员. 全局

JavaScript基础——浏览器对象模型(BOM)

简介 ECMAScript是JavaScript的核心,但如果要在Web中使用JavaScript,那么BOM(浏览器对象模型)则无疑才是真正的核心.BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关.多年来,缺少事实上的规范导致BOM及有意思又有问题,因为浏览器提供商会按照各自的想法随意去扩展它.于是,浏览器之间公有的对象就成为了事实上的标准.这些对象在浏览器中得以存在,很大程度上是由于它们提供了与浏览器的互操作性.W3C为了把浏览器中JavaScript最基本的部分标准化

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

什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性 BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C(WHATWG,WebHypertextApplicationTechnologyWorkingGroup——网页超文本应用程

BOM—浏览器对象模型

BOM(Browser Object Model 浏览器对象模型)使JavaScript 有能力与浏览器"对话". Window 对象 所有浏览器都支持 window 对象.它是BOM的核心对象,它表示浏览器的一个实例. 所有 JavaScript 全局对象.函数以及变量均自动成为 window 对象的成员. 全局变量是 window 对象的属性. 全局函数是 window 对象的方法. 甚至 HTML DOM 的 document 也是 window 对象的属性之一: window.

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

 1,javascript   组成部分: 1.ECMAscript(核心标准):    定义了基本的语法,比如:if for 数组 字符串 ... 2.BOM  : 浏览器对象模型(Browser Object Model) 2,BOM 的组成部分: 1.window对象 每一个子窗口对应的又是一个window对象 2. screen对象 3.location对象 4.history对象 5.Navigator对象 6.定时器 (两种) 7.弹框(三种) 8. document (DOM-文档

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

一.什么是 BOM BOM 是 Broswer Object Model 的缩写,中文为浏览器对象模型 BOM 提供了独立于内容而与浏览器窗口进行交互的对象 由于 BOM 主要用于管理窗口与窗口之间的通讯,因此其核心对象是 window BOM 缺乏标准,所以你会发现 MDN 上面搜寻不了,JavaScript语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C 二.一些大部分通用的API window对象——BOM核心 window.alert('提示信息') window.confi

BOM浏览器对象模型

访问和操作浏览器窗口的模型称为浏览器对象模型BOM(Browser Object Model). BOM整体对象图. 核心是window对象: 以下有特殊双重身份: window对象既是ECMAScript规范中的Global对象,也是BOM中的顶级对象: document对象既是BOM顶级对象的一个属性,也是DOM模型中的顶级对象 location对象既是window对象的属性,同时也是document对象的属性. 1. window对象   (从两个方面看待:ECMAScript规范中的Gl

JavaScript学习笔记——7.BOM(浏览器对象模型)

1.定义 浏览器本身就具有一些对象,不用进行创建即可使用 2.window对象中的方法 alert() //弹框 confirm() //确认 onclick="return confirm('你确定要删除吗?')" setInterval() //定时器 clearInterval() //清除定时器 var timer=setInterval(function(){},1000);//设置定时器 clearInterval(timer); //清除定时器 setTimeout()