window 相关的事件和操作

    1.常用事件

    onload 事件:页面内容加载完成后触发此事件(DOM结构,图片等内容)

    onscroll 事件:拖动浏览器的滚动条触发此事件

    onresize 事件:浏览器窗口缩放所触发的事件

    2.可视区域的宽高:浏览器内部看得见的区域

    document.documentElement.clienWidth

    document.documentElement.clienHeight

    3.滚动条滑动的距离(垂直滚动条和水平滚动条)

    document.documentElement.scrollTop

    document.documentElement.scrollLeft

    定时器

    window.setInterval(函数名称,时间) 间隔定时器(反复调用)

    window.clearInterval(定时器的返回值) 停止定时器

    window.setTimeout(函数名称,时间) 延时定时器,执行一次

    window.clearTimeout(定时器的返回值) 停止定时器

    prompt(’’)//浏览器弹出对话框让用户输入数据,引号内的内容为提示文字,输入的数据默认为字符串格式

    alert(’’)//浏览器弹出对话框,显示引号内的内容

    parseInt()//将括号内的数据转化成整数,如果是字符串格式的数字,会从左到右一次读取数字,直到碰到非数字的数据(包括小数点)

    parseFloat()//将括号内的字符串格式的数字转换为数字类型,包括小数,不会自动取整,其他和parseInt类似

    对象.toFixed()//将对象数字截取到括号内的数字的多少位小数

    window内置对象及方法

    1.location 对象

    href 属性 控制浏览器地址栏的内容

    reload(true) 刷新页面,如果参数为 true ,通过缓存刷新

    2.history 对象

    浏览页面的用户通常可以使用浏览器的前进与后退按钮访问曾经浏览过的页面。JavaScript 的 history 对象记录了用户曾经浏览过的页面,并可以实现浏览器的前进与后退相似的导航功能;

    history.go() 函数 - - 前进或后退指定的页面数(负数后退,正数前进)

    history.length 属性 - - history 对象中缓存了多少个 URL

    3.navigator 对象

    userAgent 用户代理信息,通过该属性可以获取浏览器及操作系统信息