BOM基础使用

BOM
浏览器对象模型
把浏览器当作一个对象，顶级对象是window,BOM是浏览器厂商自定义，兼容性不好。
window是一个全局对象。定义在全局变量和方法，都变成它的属性和方法。
window.name;返回是空串，不建议使用。
window.onload:窗口加载事件，当文档内容全部加载完，该事件才会触发。有了它JS代码可以写在任意地方。但这种方法只能执行一次，写再多会被覆盖掉。可以用addEventListener解决。
DOMContentLoaded事件触发时，仅当DOM加载完，不包括图片、样式表、flash等。如果页面有很多图片，用window.onload等待的事件较长，这时候就用DOMContentLoaded，它是加载一部分，就显示一部分。
window.onresize = function(){ }; 浏览器窗口大小发生变化，就会触发该事件。
addEventListener(‘resuize’,…);
window.innerWidth; 当前屏幕的宽度。

两种定时器：
setTimeout(调用函数，【延迟的毫秒数】);调用函数如果写在外面，括号内直接写函数名比用加括号。只调用一次函数。
setlnterval(调用函数，【延迟的毫秒数】);每隔多少秒，就调用函数。多次调用函数。
停止定时器：
window.clearTimeout(timeoutID);timeoutID指的是定时器的名字。如 time1 = setTimeout(),time1就是timeout ID.
window.clearInterval(intervalID);
button里面的内容通过innerHTML修改。

this指向：