JS第九天 网页特效2

模拟垂直滚动条
动态设置滚动条的高度scrollBarHeight = 大容器的高度 * 滚动条容器的高度/内容的高度
滚动条滚动一次 内容移动的距离
(内容的高度-容器的高度) / (容器的高度-滚动条的高度) * 滚动条移动的距离

Html基本结构访问方法
document.title–文档标题
document.body–文档的body标签
document.head–文档的头标签
document.documentElement–文档的html标签，基本结构中的html标签并不是通过

document.html去访问的。

scroll家族
滚动的
1. scrollTop:当滑动滚轮浏览网页的时候，网页隐藏在屏幕上方的距离。被卷去的头部。
怎么得到scrollTop?用页面滚动事件
window.onsrcoll = function(){ 页面滚动语句 }
谷歌浏览器和没有声明DTD：document.body.scrollTop
火狐和其他浏览器:document.documentElement.scrollTop;
ie9+ 和最新浏览器都认识:window.pageXOffset;pageYOffset (scrollTop)
兼容性写法：
var scrollTop = window.pageYOffset || document.documentElement.scrollTop ||

document.body.scrollTop || 0;
scrollLeft

json,JavaScript object notation 是一种轻量级的数据交换格式，我们称之为javascript对象

表示法。

使用json进行数据传输的优势之一。json实际上就是javascript。
var myjson={k:v,k:v,k:v…}
json一般就是被当做一个配置单用：

var json = {name:”刘德华”,age:55}; console.log(json.name);
判断浏览器是否是怪异模式，就是没有声明dtd的模式。
document.compatMode == “CSS1Compat”
CSS1Compat 声明了
BackCompat未声明

1. scrollTo(x,y)
   window.scrollTo(x,y)
   方法可以把内容滚动到指定的坐标
   格式：scrollTo(x,y)
   x必需，要在窗口文档显示区左上角显示的文档的x坐标
   y必需，要在窗口文档显示区左上角显示的文档的y坐标