
DOM操作
躺屋顶看月亮
黄沙百战穿金甲,不破楼兰终不还。
展开
-
瀑布流
知识点: 1、如何找到数组中的最小值.原创 2016-11-29 02:18:54 · 308 阅读 · 0 评论 -
DocumentFragment
DocumentFragment是文档碎片,createDocumentFragment()创建一个文档碎片。程序在运行过程中,我们每创建一个元素,页面就要重绘一次,这样效率不高。如果我们把所有创建的元素放到一个容器内即文档碎片内,然后一次性放到页面中,这样就 只需要一次重绘。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF原创 2016-11-29 02:31:54 · 955 阅读 · 0 评论 -
IE/FF/Chrome下document.documentElement和document.body的 scrollHeight/scrollTop/clientHeight 以及判断滚动条是否已拉
DTD已声明 IE document.documentElement.scrollHeight 浏览器所有内容高度 ,document.body.scrollHeight 浏览器所有内容高度 document.documentElement.scrollTop 浏览器滚动部分高度,document.body.scrollTop 始终为0 document.documentElemen转载 2016-11-29 02:48:10 · 686 阅读 · 0 评论 -
懒加载
页面如果有很多图片的时候,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载。避免网页打开时加载过多资源,让用户等待太久。原创 2016-11-29 02:46:45 · 365 阅读 · 0 评论 -
三级联动
知识点: 1. json.parse() 将json格式字符串转换成对象。json.stringify()将对象转换成json格式字符串。 2. 重要属性selectedIndex:返回下拉列表的被选选项的索引号。 3. onchange事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl原创 2016-11-29 03:20:03 · 2164 阅读 · 0 评论 -
大图滚动--这是精髓实例
知识点: 1、index属性 2、className的用法 3、for循环的多次应用<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>大图滚动</title> <style type="text/css"> #wrap { position: relativ原创 2016-11-29 04:21:58 · 337 阅读 · 0 评论 -
DOM节点操作总结
获取元素节点获取单个元素:document.getElementById(); document.querySelector();获取多个元素:document.getElementByTagName(); document.getElementsByName(); document.getElementsByClassName();动态,实时的 document.query原创 2016-11-29 00:25:57 · 2113 阅读 · 0 评论