js入门你必须知道的浏览器对象

JavaScript 计时器

计时器类型
一次性计时器:仅在指定的延迟时间之后触发一次。
间隔性触发计时器:每隔一定的时间间隔就触发一次。
计时器方法

方法说明
setTimeout()指定的延迟时间之后来执行代码
clearTimeout()取消setTimeout()设置
setInterval()e每隔指定的时间执行代码P
dlearInterval()取消setinterval)设置

计时器setInterval()

在执行时,从载入页面后每隔指定的时间执行代码。
语法:

setInterval(代码,交互时间);

调用函数格式

setInterval("clock()",1000)
或
setInterval(clock,1000)

取消计时器clearInterval()

clearInterval() 方法可取消由 setInterval() 设置的交互时间。
语法:

clearInterval(id_of_setInterval)

计时器setTimeout()

setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
语法:

setTimeout(代码,延迟时间);

参数说明

  1. 要调用的函数或要执行的代码串。
  2. 延时时间:在执行代码前需等待的时间,以毫秒为单位(1s=1000ms)。

取消计时器clearTimeout()

setTimeout()和clearTimeout()一起使用,停止计时器。
语法:

clearTimeout(id_of_setTimeout)

History 对象

history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。
语法:

window.history.[属性|方法]

History 对象属性

属性描述
length返回浏览器历史列表中的URL数量。

History 对象方法

方法描述
back()加载 history 列表中的前一个URL. 。
fonward()载 history 列表中的下一个URL.。
go()加载history列表中的某个具体的页面。

返回前一个浏览的页面

back()方法,加载 history 列表中的前一个 URL。
语法:

window.history.back();

比如,返回前一个浏览的页面,代码如下:

window.history.back();

返回下一个浏览的页面

forward()方法,加载 history 列表中的下一个 URL。
如果倒退之后,再想回到倒退之前浏览的页面,则可以使用forward()方法,代码如下:

window.history.forward();

返回浏览历史中的其他页面

go()方法,根据当前所处的页面,加载 history 列表中的某个具体的页面。
语法:

window.history.go(number);

参数:

number参数说明
1前一个,go(1)等价forward()
0后一个,go(-1)等价back()o
-1要访问的URL在History的URL列表中的相对位置。
其他数值要访问的URL在History的URL列表中的相对位置。

Location对象

location用于获取或设置窗体的URL,并且可以用于解析URL。
语法:

location.[属性|方法]

Navigator对象

Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。
对象属性

属性描述
appCodeName浏 览器代码名的字符串表示。
appNamep返回浏览器的名称。
appVersione返回浏览器的平台和版本信息。。
platforme返回运行浏览器的操作系统平台。
userAgente返回由客户机发送服务器的useragent头部的值。

userAgent

返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)
语法:

navigator.userAgent

screen对象

screen对象用于获取用户的屏幕信息。
语法:

window.screen.属性

屏幕分辨率的高和宽

window.screen 对象包含有关用户屏幕的信息。

  1. screen.height 返回屏幕分辨率的高
  2. screen.width 返回屏幕分辨率的宽

屏幕可用高和宽度

  1. screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。

  2. screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如任务栏。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Beiyux

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值