1. mousewheel

// ie  chorme
    box.addEventListener('mousewheel', function (e) {
        var e = event || e || window.event;
        // e.wheelDelta反馈滚轮方向
        // 向上为正，向下为负
        console.log(e.wheelDelta);

        // 鼠标滚轮滚动，页面跟着一起滚动
        // 系统默认行为，可以人为禁止
        e.preventDefault();
        return false;
    })
    // firefox
    box.addEventListener('DOMMouseScorll',function(e){
        var e=event||e||window.event;
        // e.detail获取方向
        // 向上为负，向下为正
        console.log(e.detail);
    })

    // 兼容性写法
    // 判断当前浏览器类型
    // navigator.userAgent获取当前用户系统信息字符串
    var eventType;
    if (navigator.userAgent.indexOf('Firefox') == -1) {
        // 非火狐
        eventType = 'mousewheel';
    } else {
        eventType = 'DOMMouseScroll';
    }
    document.addEventListener(eventType, function (e) {
         // 鼠标滚轮滚动，页面跟着一起滚动
        // 系统默认行为，可以人为禁止
        // e.preventDefault();
        if (e.wheelDelta) {
            if (e.wheelDelta > 0) {
                console.log('向上滚动');
            } else {
                console.log("向下滚动");
            }
        } else {
            if (e.detail > 0) {
                console.log('向下滚动');
            } else {
                console.log("向上滚动");
            }
        }
    })

2. keyCode

e.key 获取按键
e.keyCode 获取按键编码

3. history 历史记录

history.back() 返回上一个页面
history.forward() 返回下一个历史记录中的页面
history.go(n) n>0前进n个页面
n<0后退n个页面

4. localStorage

本地储存分为 localStorage sessionStorage
localStorage 永久储存 只要不手动删 就一直存在
sessionStorage 只在浏览器运行状态下存在 关闭后销毁
操作方法几乎相同 ,在进行数据储存的时候 都是以键值对的形式储存
,而且其中的值都会强制转化为字符串,因此在存取的时候 要对数据进行解码

使用json增加
localStorage.setItem('fly', JSON.stringify({
        'data': [0, 1, 90],
        name: 'lll'
    }))
var arr1 = localStorage.getItem('fly'); //获取
arr1 = JSON.parse(arr1); //转化
arr1.name = '43'
console.log(arr1.data);
arr1.data.push(4, 2)
localStorage.setItem('fly', JSON.stringify(arr1)) //添加
// localStorage.removeItem('fly')   //删除单个
// localStorage.clear()    //全删
fly: '{"data":[0,1,90,4,2],"name":"43"}'

sessionStorage

1.存储
采用setItem()方法存储、通过属性方式存储
2.读取
通过getItem()方法取值、 通过属性方式取值

localStorage

1.存储
采用setItem()方法存储、通过属性方式存储
2.读取
通过getItem()方法取值、通过属性方式取值
3.删除
localStorage.removeItem("key"); 删除名称为“key”的信息。
localStorage.clear(); 清空localStorage中所有信息

4. location

location.href 可以返回完整的url 地址
location.href='url' 设置url地址 会触发页面的跳转
location.hash=' ' 通过hash属性来设置锚点链接

5. window

1.window主要用来控制浏览器视窗
2.是一个顶层对象 全局的方法 变量 都是window对象的一个属性
3.打开window.open(url,name,features,replace)
4.关闭 newWindow.close() newWindow是变量名，可以自己设置

document.click(function() {
        var url = 'https://www.baidu.com';
        newWindow = window.open(url, 'newWindow', 'width=200,height=100,top=500,left=200')
    })
document.click(function() {
        newWindow.close()
    })

6. 数据传递特性

 同一会话的各个页面，其localStorage、sessionStorage是共享的
 同一会话：（同域）
           同协议  http  https
           同域名  www.baidu.com
           同端口号  8848

可以使用本地储存 实现同一会话各个页面之间的数据传递