浏览器 BOM对象

window对象上的常用对象

onload 页面加载完毕触发
unload 事件：页面关闭时触发,可以用于清除缓存
path ： …/index.html 路径
query ： 查询字符串
location 地址栏，成员
href : 整个地址的字符串
location.reload();刷新,如果传参数true，则为强制刷新

获取浏览器窗口可视区的宽高

window.innerWidth
window.innerHeight
window.pageYOffset 获取页面顶部滚动出去的距离
window.pageXOffset 获取页面水平滚动出去的距离

location

location.assign(‘url’); 页面跳转，记录历史记录。（方法）
location.replace(‘url’);页面跳转，不记录历史记录。（方法）
location.href = ‘url’; //获取或设置整个url地址
location.search //获取参数
location.reload() //刷新当前窗口
location.reload(true) //刷新当前窗口(会清理掉缓存)

如果没有赋值就是获取当前信息，给值就是页面跳转

history

history.forward(); //前进
history.back(); //后退
history.go(number/-number); 正数是前进几个，负数是后退几个。
navigator.userAgent 返回字符串，各类用户信息。

动画 略

移动端事件

touchstart:     //手指放到屏幕上时触发
touchmove:      //手指在屏幕上滑动式触发
touchend:    //手指离开屏幕时触发
touchcancel:     //系统取消touch事件的时候触发，这个好像比较少用

扩展

回车

$('#zdclassname').bind('keydown', function (event) {
    var event = window.event || arguments.callee.caller.arguments[0];
    if (event.keyCode == 13){
       alert('hey!');
    }
});

jq中bind方法与on方法区别

on :可以多一个selector参数,可以给子元素添加事件.使用on添加事件,比如给自己的子元素使用类选择器添加的,后来创建的含有这个类名的子节点也有事件

 $('#div1').on('click','.a',function(e){
                alert('111')
            })

            $('<li>',{
                class:'a',
                text:'新添加的'
            }).appendTo($('#div1'))

bind: 只能给自己添加事件,新添加的不能触发事件;

而on方法，无论前后皆可使用，因为他把事件写在了父及上，利用冒泡，实现事件委托，最终实现点击效果。

JSON.stringify

JSON.stringify(value[, replacer [, space]])

如果该参数是一个函数，则在序列化过程中，被序列化的值的每个属性都会经过该函数的转换和处理；如果该参数是一个数组，则只有包含在这个数组中的属性名才会被序列化到最终的 JSON 字符串中；如果该参数为 null 或者未提供，则对象所有的属性都会被序列化。
space 可选
指定缩进用的空白字符串，用于美化输出（pretty-print）；如果参数是个数字，它代表有多少的空格；上限为10。该值若小于1，则意味着没有空格；如果该参数为字符串（当字符串长度超过10个字母，取其前10个字母），该字符串将被作为空格；如果该参数没有提供（或者为 null），将没有空格。

JSON.stringify(content, '', '  '),		 // JSON格式化