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 的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(浏览器对象模型),时间间隔和暂停的更多相关文章
- [TimLinux] JavaScript BOM浏览器对象模型
1. 简介 ECMAScript是JavaScript的核心,但是如果要在WEB中使用JavaScript,那么BOM则无疑才是真的的核心.BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网 ...
- 第一百一十一节,JavaScript,BOM浏览器对象模型
JavaScript,BOM浏览器对象模型 学习要点: 1.window对象 2.location对象 3.history对象 BOM也叫浏览器对象模型,它提供了很多对象,用于访问浏览器的功能.BOM ...
- JavaScript Window - 浏览器对象模型
浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话". 浏览器对象模型 (BOM) 浏览器对象模型(Browser Object Model (BOM))尚 ...
- JavaScript(二、BOM 浏览器对象模型)
一.BOM是什么 BOM是browser object model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心 ...
- javascript之BOM浏览器对象模型引入
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- javascript高级程序设计第3版——第8章 BOM(浏览器对象模型)
第八章,浏览器对象模型 主要介绍了window的几个对象以及框架,窗口的关系,各个浏览器对象的属性以及方法:
- BOM——浏览器对象模型(Browser Object Model)
什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对 ...
- BOM—浏览器对象模型(Browser Object Model)
1,javascript 组成部分: 1.ECMAscript(核心标准): 定义了基本的语法,比如:if for 数组 字符串 ... 2.BOM : 浏览器对象模型(Browser ...
- JavaScirpt(JS)——BOM浏览器对象模型
一.BOM概念 BOM(Browser Object Model)即浏览器对象模型.可以对浏览器窗口进行访问和操作.使用 BOM,开发者可以移动窗口.改变状态栏中的文本以及执行其他与页面内容不直接相关 ...
随机推荐
- Dvwa安装,配置(Linux)
文章演示使用系统:CenTOS7 一:搭建LAMP环境 使用XAMPP安装部署,下载地址:https://www.apachefriends.org/download.html 1.1:赋予账号对XA ...
- Android源代码分支、版本号、支持设备列表
Build Branch Version Supported devicesOPD3.170816.023 android-8.0.0_r34 Oreo Pixel 2 XL, Pixel 2OPD1 ...
- 问题集锦 ~ CSS
#button标签点击后出现点边框 input {outline: none;} button::-moz-focus-inner {border: none;}
- 云信 短信发送 demo
package com.dataTaskListener; import org.apache.commons.httpclient.Header; import org.apache.commons ...
- Android PopupWindow使用方法小结
前几天要用到PopupWindow,一时竟想不起来怎么用,赶紧上网查了查,自己写了个demo,并在此记录一下PopupWindow的用法. 使用场景 PopupWindow,顾名思义,就是弹窗,在很多 ...
- **PCL:嵌入VTK/QT显示(Code^_^)
中国人真是太不知道分享了,看看这个老外的博客,启发性链接. http://www.pcl-users.org/ 1. 这个是可用的源代码: 原文:I saw a thread with links t ...
- 使用QT创建PythonGUI程序
1. 挑选 GUI设计程序: wxPython Vs. pyQt4 参考链接:http://www.douban.com/group/topic/14590751/ (1):wxWidgets wxP ...
- Swift 字典 Dictionary基本用法
import UIKit /* 字典的介绍 1.字典允许按照某个键访问元素 2.字典是由两部分组成, 一个键(key)集合, 一个是值(value)集合 3.键集合是不能有重复的元素, 值集合可以有重 ...
- RabbitMQ学习笔记(5)----RabbitMQ整合Spring
在Spring AMQP项目中Spring也提供了对RabbitMQ的支持,这里在之前学习SpringBoot的时候也整合过,但是今天这里使用的Spring的xml配置来整个rabbit. Sprin ...
- 企业级任务调度框架Quartz(8) 线程在Quartz里的意义(2)
前序: 做为企业里的任务调度框架,出现同一时间点同时运行两个任务,或者两个任务因为开始的执行时间和执行时间的长短,很有可能出现任务并发执行的情况:因为Quartz的实现是采用java编程,那 ...