2016-06-24 js BOM对象

Posted 2020-11-20

喵星人

tags:

BOM对象:

　 Browser Object Model 即浏览器对象模型；

　　包含：

　　　　window:窗口对象

　　　　　　alert();//警示框

　　　　　　confirm();//确认框

　　　　　　prompt();//输入提示框

　　　　　　定时器：

 

　　　　　　　　执行一次

 

　　　　　　　　　　setTimeout( function () {} , 时间 ) ->延时执行,返回本对象；

 

　　　　　　　　　　clearTimeout(obj)->清除定时器obj;

 

　　　　　　　　循环执行

 

　　　　　　　　　　setInterval( function () {} ， 时间)->间隔执行，返回本对象；

 

　　　　　　　　　　clearInterval(obj)->清除定时器obj;

 

　　　　　　　　#定时器可以累加，会导致被定时的元素运行频率紊乱，个人认为在调用定时器之前先清除本定时器对象会解决这个问题；

 

　　　　nevigator:浏览器特性

　　　　　　nevigator.userAgent;//通过这个属性，可以打印出当前浏览器内核信息；可以通过正则匹配关键字（ie->trident ,火狐->firefox, 谷歌->chrome）用来区分浏览器，从而解决兼容性问题！

　　　　screen:屏幕对象

　　　　　　属性

　　　　　　　　wifth->获取当前显示器的宽度//1440

　　　　　　　　height->获取当前显示器的的高度//900

　　　　　　　　availwidth->获取显示器的有效宽度//440

　　　　　　　　availheight->获取显示器的有高度//856(少了底部任务栏的高度)

　　　　location：地址栏

　　　　　　属性

　　　　　　　　url="http://www.baidu.com.index.php#abc?name=Tom&age=18"

　　　　　　　　location.hash->获取当前地址的锚点//#abc

　　　　　　　　location.host->获取当前地址的主机名//www.baidu.com

　　　　　　　　location.url->获取当前地址//http://www.baidu.com.index.php#abc?name=Tom&age=18

　　　　　　　　location.pathname->获取当前地址的文件名称//index.php

　　　　　　　　location.protocol ->获取当前地址的协议 // http://

　　　　　　　　location.search ->获取当前地址的参数// ?name=Tom&age=18

　　　　history：历史记录

　　　　　　方法

　　　　　　　　forward()->//下一个历史

　　　　　　　　back()->//上一个历史

　　　　　　　　go(1)->//下一个历史

　　　　　　　　go(-1)->//上一个历史

　　　　document: 文档

　　　　　　详情在本人js DOM对象随笔中