一 BOM >>> brower objects model

window: frames[]::  框架

　　　　histore : 历史记录

　　　　location 本地信息>>> 浏览器地址栏的内容

　　　　navigator::  获取客户端属性

　　　　screem :  ,屏幕,显示

　　　　DOM:   document:  anchors[]   锚点 (超链接)

　　　　　　　　　　　　   forms[] :表单

　　　　　　　　　　　　　applets: []Applet 是一种 Java 程序。它一般运行在支持 Java 的 Web 浏览器内。因为它有完整的 Java API支持,所以Applet 是一个全功能的 　　　　　　　　　　　　    　　　　　　　　　　　　　　　　Java 应用程序。

　　　　　　　　　　　　　images[] : 图片

　　　　　　　　　　　　　areas[] :区块

　　　　　　　　　　　　　layers [] : 层

　　　　　　　　　　　　　embeds[] : 嵌套

　　　　　　　　　　　　　links[] :外链

 

二 window对象是js中的顶级对象 

　　Window方法:  alert   confirm   prompt   open ("链接",  打开方式(target)(-self/ _blank....))

　　　　　　　　.close() #关闭页面

　　　　　　　　　　　　　

三 location: 可以将URL解析成独立的片段

　　方法: href 跳转

　　　　　hash  返回url中 # 后面的内容, 包含#

　　　　　 host :  主机名 +端口号

　　　　    hostname : 主机名

　　　　   pathname:  url中路径部分,   (如www.baidu.com/ a   >>>a部分 )

　　　　　protocol: 协议  (http://   https://    等)

　　　　   search  : 查询字符串

　　　for E   : href    location.href =  "http://www.baidu.com/";    在当前页面打开百度

　　　　　　location.reload() #重新加载页面

四  : nabigator对象

　　 userAgent: 系统+ 浏览器信息

　　platform:  浏览器支持的系统, win/mac/linux

 

五 history:  历史

  1: 后退: history.back()

　　　　history.go(-1):0　  >>> 0是刷新

  2前进:  history.forward()

　　　    history.go(1)

 

 

六 其他:   client (DOM对象属性)  :   object.clientTop :  内容区域(包括padding)  到边框顶部的距离,   上boder-top 的宽度 　　　　　　　　　　　

　　　　　　　　　　　　　　　　　　.clientLeft:  左边边框的宽度

　　　　　　　　　　　　　　　　　　.clientWidth:   内容区域+左右padding:  可视宽度

　　　　　　　　　　　　　　　　　　.clientHeitght: 内容区域+上下padding:  可视高度

　　　　

　　　　onresize:  窗口发生大小变化事件

 

　　　　offset : Dom对象,  object.offsetTop:   如果盒子没有设置定位,  到body的顶部的距离,   如过有定位,  就是magin-top

　　　　　　　　　　　　　　　offsetWidth:  占位宽>>内容加paddind+boder

　　　　　　　　　　　　　　　offsetHeight: 占位高 ,  padding + height +boder

　　　　　　　　　　　　　　　offserLeft:  如果没有设置定位, magin-left  到body   若果有定位, 以父辈盒子为准

 

　　　　　scroll  : scrollTop:    页面卷起的高度

　　　　　　　　scrollLeft:  页面卷起的左侧

　　　　　　　　scrollWidth:  页面卷起的宽度

　　　　　　　　scrollLeftHeight: height+ paddiong 不含边框  滚定监听是发生变化