js——BOM

//1. 传统注册方式只能写一次,如有多个,会以最后一个window.onload 为准
window.onload = function() {}
//2. 
window.addEventListener('load', function() {});

document.addEventListener('DOMContentLoaded', function() {});

window.onresize = function() {}
// 只要窗口大小发生像素变化, 就会触发这个事件
window.addEventListener('resize', function() {
    window.innerWidth //当前屏幕的宽度
});

1. window.setTimeout(调用函数, [延迟时间]);
定时器到期后(延迟时间到了)执行调用函数
eg:
setTimeout(function() {},1000);
2. window.setInterval(调用函数, 间隔的毫秒数);
重复调用一个函数,每隔这个时间,就去调用一次回调函数
eg:
setInterval(function() {}, 1000);
//1. window 可以省略
//2. 延时时间的单位是毫秒,如果省略不写默认为0
//3. 调用函数可以直接写 函数 也可以写函数名(注意!!是函数名没有括号),也可以写成 '函数名()'
//4. 页面中可能有很多的定时器,我们经常给定时器加标识符

//停止定时器
window.clearTimeout(timeID)
window.clearInterval(timeID)
// window 可以省略
// 参数是定时器的标识符
//eg: 有begin 和 stop 两个按钮,控制定时器的开关
var timer = null; //全局变量, null是一个空对象
begin.addEventListener('click', function() {
    timer = setInterval(function() {}, 1000);
});
stop.addEventListener('click', function() {
    clearInterval(timer);
});

location.href = '链接地址'
• 1

<form action="url地址"> //规定当提交表单时，向何处发送表单数据
用户名: <input type="text" value="输入内容" name="uname">
<button></button>
</form>
//页面跳转后,会传递 ?uname="value" 这个参数
var params = location.search.substr(1); //uname="value"
var arr = params.split("="); //["uname","value"]
arr[1]  //即可获取上个页面的参数

(function() {})()  或者  (function(){}())
//第二个小括号可以看做是调用函数,可以传递参数
//多个立即执行函数用 ; 隔开

div.addEventListener('scroll', function() {
    this.scrollTop
    ...
    window.pageYOffset // 页面被卷去的距离 
})

//obj 目标对象 target 目标操作
// obj 必须是 绝对定位!!!
//给不同元素指定不同计时器
function animate(obj, target, callback) {
    clearInterval(obj.timer);//防止多个定时器同时进行
    obj.timer = setInterval(function() {
         //缓动效果 (目标值 - 现在的位置) / 10
        // 除法会出现小数,不准确,正数将小数向上(大)取整,负数将小数向下(小)取整
        var step = (target - obj.offsetLeft) / 10
        step = step > 0 ? Math.ceil(step) : Math.floor(step);
        if(obj.offsetLeft == target) {
            clearInterval(obj.timer);
            if(callback) {
                callback(); //回调函数
            }
   callback && callback();//也可以写成这样
        } else {
            obj.style.left = obj.offsetLeft + step + 'px';
        }
    }, 15);
}
btn.addEventListener('click', function() {
    animate(div, 200, function() {});
});

var flag = true;
if(flag) {
    flag = false;
    //事件开始
}
{ //回调函数
    //事件结束
    flag = true;
}
//-------------------------------------------

window.scroll(x,y)
//直接写数值即可,较快

//存储数据
sessionStorage.setItem(key, value)
//获取数据
sessionStorage.getItem(key)
//删除数据
sessionStorage.removeItem(key)
//清楚所有数据
sessionStorage.clear()

//存储数据
localStorage.setItem(key,value)
//获取数据
localStorage.getItem(key)
//删除数据
localStorage.removeItem(key)
//清楚所有数据
localStorage.clear()