WEBAPIS总结

总结：

第一天：Dom元素获取、操作属性

1、Dom常用的操作

1、获取元素 2、对象元素进行操作

3、动态创建元素 4、给元素注册事件

2、document对象

3、获取元素：ID名、标签名：返回一个伪数组

4、注册事件

语法：元素.on事件名 = 函数

事件的三要素：1、事件元素 2、事件名 3、事件处理函数

5、操作元素的属性

​ 1、元素名.innerText 返回元素里面的所有的文本,赋值时(不会识别标签)
​ 2、元素名.innerHTML 返回元素里面的所有内容,赋值时(会识别标签,把标签直接渲染出来)
​ 注意:凡是成对的标签,中间文本内容,设置的时候都可以用
​ 3、元素名.id = “xx” 修改元素的内容
​ 4、this 再某个元素的事件中,自己的事件中的this就是当前这个元素

6、当页面加载完毕，script代码已经执行完毕

7、小结

DOM：把页面上的标签抽象成对象,在js中通过操作对象,实现操作页面上的标签目的
元素：在html中

叫做标签,在DOM中,称之为元素

第二天：Dom document object model(文档对象模型)

*、阻止超链接默认跳转行为：return false

2、总结获取元素方式：

1、根据id属性的值获取元素,返回来的是一个元素对象
document.getElementById(“id的值”);

2、根据标签名获取元素,返回来的是一个伪数组,里面保存了多个DOM对象
document.getelEmentByTagName(“标签名字”);

3、根据name属性的值获取元素,反回来的是一个伪数组,里面保存了多个DOM对象
document.getElementByName(“name属性的值”);

4、根据类样式的名字获取元素,返回来的是一个伪数组,里面保存了多个DOM对象
document.getElementsByClassName(“类样式的名字”)

5、根据选择器获取元素,返回来的是一个元素对象
document.querySelector(“选择器的名字”);

6、根据选择器获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象
document.querySelectorAll(“选择器的名字”);

3、innHTML和innerText区别

如果想要设置标签,使用innerHTML
想要设置文本,用innerText,或者innerHTML,或者textContent

4、自定义属性设置和获取

设置自定义属性: setAttribute(“属性的名字”,“属性的值”);

获取自定义属性的值: getAttribute(“属性名”)

5、移除在自定义属性或元素自带的属性

元素.removeAttribute(“属性名”) 属性名不是属性值

第三天：Dom、节点

1、节点的介绍

2、节点的相关属性

3、获取相关的节点

4、字符串里需要拼接变量

5、创建元素的三种方式

6、循环遍历事件处理函数注意事项

7、元素的相关方法

8、为元素绑定多个事件

9、只创建一个元素

10、textCont兼容代码

第四天：绑定事件、解绑事件 BOM()

1、总结绑定事件

2、为元素解绑事件

3、事件冒泡

4、事件阶段

5、为同一个元素绑定不同的事件、执行同一个处理函数

6、BOM总结概念

7、location对象

8、history对象和navigator对象

9、定时器、清理定时器

第五天：克隆元素、轮播图

1、一次性定时器、清理定时器

2、获取left、top值注意事项

3、克隆元素、匀速动画函数

4、offset系列

5、轮播图

6、document获取元素

7、获取属性当前可视距离的横/纵坐标

第六天：

1、scroll系列：卷曲出去

2、缓动动画函数

3、获取任意一个元素的任意一个样式属性的值

4、回调函数：当一个函数作为参数的使用的时候这个函数就是回调函数

5、变速动画封装任意一个属性

6、变速动画封装任意多个属性

7、最终动画函数(包括透明度、zIndex层级、回调函数)

8、clent系列：可视区域

9、查看事件函数的参数：arguments

10、三大系列总结

第七天：

1、把兼容代码放到对象

2、设置鼠标移动时文字不被选中

3、隐藏元素的不同方式

4、JS执行队列

5、同步和异步

6、JS的执行机制

事件总结：

鼠标事件	触发条件
onclick	鼠标点击左键触发
onmouseover	鼠标经过触发
onmouseout	鼠标离开触发
onfoucus	获得鼠标焦点时触发
onblur	失去鼠标焦点时触发
onkeyup	键盘抬起时触发
onkeydown	键盘按下时触发
onload	页面加载完毕时触发
onmousemove	鼠标移动时触发

URL

统一资源定位符（Uniform Resource Locator，URL）是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。

URL 的一般语法结构为：

porotocol：//host[:port]/path/[?query]#fragment
http://www.itcast.cn/index.html?name=andy&age=18#link

组成	说明
protocol	通信协议，常用的http、ftp、maito等
host	主机（域名）
port	端口号，可选，省略时使用默认断开，如http的默认端口80
path	路径，由零或多个“/”格开的字符串，一般用来表示主机上的一个目录或者文件地址
query	参数，以键值对的形式，通过符号 & 分割开来
fragment	片段，# 后面的内容常见于链接，锚点