window对象是BOM的核心,是指当前浏览器对象。
这些是window对象的一些方法。
主要学习下计时器的方法。
1：setInterval();每隔指定时间执行一次代码。
setInterval(代码,交互时间);这里面交互时间是以毫秒为单位,每隔1s执行的话就要输入1000,代码一般就是一个函数名,函数在之前会声明出来并且写好函数的内容实行什么作用。
之后直接通过setInterval();来调用这个函数。通过设置变量来调用setInterval()这个方法,
clearInterval();取消我们队setInterval()的设置。clearInterval();里面加入之前调用setInterval方法的变量就可以取消之前的设置。
2：setTimeout(); 指定的延迟时间之后来执行代码。
setTimeout(代码,延迟时间);延迟时间一样是用毫秒做单位的。我们想要创建一个无穷循环中的计时器就需要在写一个函数,函数内包含这个setTimeout()方法,然后让这个方法自己调用自己,setTimeout这个方法的代码就是函数名,实现了自己掉自己就会出现无限循环,如果想要有限循环可以加入一个if语句,使这个函数的变量达到一个值就停止就可以实现有限循环啦。
clearTimeout();类似clearInterval();在调用setTimeout的过程中我们一般需要定义变量,我们需要将定义的变量放在函数之外,在取消setTimeout的设置中也是需要这个变量的,将这个变量放在clearTimeout()里。我们一般使用clearTimeout的时候也是通过函数,局部变量在别的函数中并不能使用,所以我们设置掩饰执行代码的时候定义的变量最好是全局变量。
History对象
history对象主要是针对浏览器浏览过的页面的。
语法:window.history[];里面是history的属性和方法。属性一般是指长度。方法由三种
1：back();加载history列表中的上一个url。
2：forward();加载history列表中的下一个url.
3：go();加载history列表中具体的某个页面.
window.history.back();和window.history.go(-1);是一样的效果。
window.history.forward();和window.history.go(1);效果一样。这个作用主要是页面返回到前一页面啦,想要退回到浏览器之前的页面,就要使用window.history.forward();
window.history.go();中添加的数除了1,-1;就是要访问的url在history列表中的url的相对位置。
location对象
location对象主要是用来获取和设置窗口的URL,并且可以解析窗口的URL。
语法:location[属性|方法];
location对象的属性图
location的属性:
location的方法
Navigator对象
Navigator对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本问题。
属性:
Navigator.userAgent;返回得是用户代理头的字符串,也就是包含浏览器版本信息等的字符串。
几个主流浏览器的Naviator.userAgent如下:
一般来说如何检测使用的是什么浏览器呢
将浏览器的userAgent找出来。这段字符串包含浏览器的版本信息等。我们通过if else语句来检测这段字符串中有没有我们几个主流浏览器的名字就可以知道这个浏览器是什么啦
var u_name=Navigator.userAgent;
var bname="不是主流浏览器";
if(u_name.indexOf("Firefox")>1){
bname="Firefox";
}
else if(){
}
因为检测字符串内有没有这个包含这个字符串如果没有包含则返回值为-1,有的话返回值最少也是0,所以只要返回的值比-1大那么这个浏览器的名字这个变量我们就给它重新赋值一个字符串就可以啦。else if将其他浏览器都检测一遍如果都没有的话我们就输出一开始定义的浏览器名字就是不是主流浏览器。
screen对象
screen对象是用来获取浏览器的屏幕信息。
window.screen.属性;
window.screen.height和window.screen.width;得到的是屏幕分辨率的高和宽。
window.screen.availHeight和window.screen.availWidth;得到是屏幕可用的高和宽。