JS实例

吸顶条

原理：滚动高度 >= div距离上面的绝对距离 时将div固定定位 TOP = 滚动高度。
代码

关于添加元素：

a）.父级.appendChild();
父级.insertBefore();
b ). innerHTML
会出现的问题：会把之前元素身上的事件给清空了
原因：它会先清空所有的，在添加

文本提示框：

文本框  -> oT
获取焦点
oT.onfocus -> 获取焦点的时候

失去焦点
oT.onblur -> 失去焦点的时候

强制获取焦点
oT.focus();

强制失去焦点
oT.blur();

预加载：

偷偷摸摸加载
用户体验好一点

创建图片：
a). createElement('img');
b). new Image();

图片身上的事件：
当加载成功的时候
oImg.onload
当加载失败的时候
oImg.onerror

进度条比例：
n/10 -> 比例
变化的数/定死的数

保留两位小数：
toFixed(保留小数的位数);
自动进位(四舍五入)

表单：（form）

给后台提交数据

想要提交数据：
form必须要有的：
1、action：提交的地址
2、name： 数据名称
3、value： 数据

method 提交方式：默认get
get: 不安全 容量32K 有缓存
post: 相对安全 容量1G 没有缓存

缓存（cache）：
对于浏览器来说一个地址只会访问一次

get好处：分享、收藏

关于父级

parentNode -> 结构上的父级
祖宗（最大父级）：document

offsetParent -> 定位上的父级
祖宗（最大父级）：body