BOM

BOM:浏览器对象模型，操作浏览器

浏览器中有个顶级对象:window

页面中的顶级对象：document

 

系统对话框：

页面加载事件：

window.οnlοad=function(){

};

只要页面加载完毕，这个事件就会触发-----页面中所有的内容，标签，属性，文本，包括外部引入js文件

 

//获取body:

console.log(document.body)

//获取title:

console.log(document.title)

//获取HTML:

console.log(document.documentElement)

 

location对象：

//设置跳转的页面的地址

location.href="http://www.jd.com"; //属性

location.assign("http://www.jd.com");//方法   

以上两个方法一样

//重新加载页面

location.reload();

 

history对象：

//前进

window.history.forward()

//后退

window.history.back();

 

navigator对象：

//通过platform可以判断浏览器所在的系统平台类型

console.log(window.navigator.platform);

//通过userAgent可以判断用户浏览器的类型

console.log(window.navigator.userAgent);

 

 

BOM中有两个定时器---计时器

//定时器

//参数1：函数

//参数2：时间-----毫秒----1000毫秒--1秒

//设置定时器：

var timeID=setInterval(function(){

alert("hello");

},1000);每隔1s执行一次函数

 

*setTimeout(函数，时间); 一次性的计时器

 

停止定时器：

window.clearInterval(timeID)

 

disabled=true，标签不可选，即disabled有效

disabled=false，标签可选，即disabled无效。

 

offset系列：

offsetWidth:获取元素的宽（有边框）

offsetHeight:获取元素的高（有边框）

offsetLeft:获取元素距离左边的位置

offsetTop:获取元素距离上边的位置

 

Scroll系列：

scrollwidth:获取元素中内容实际的宽（不含边框）

scrollHeight:获取元素中内容实际的高（不含边框）

scrollLeft:元素中向左卷曲出去的距离

scrollTop:元素中向上卷曲出去的距离