JS---part5 课程介绍 & part4 复习

part5 课程介绍

另一个定时器

第一个定时器的小案例----练习

封装动画函数----------匀速的动画函数,过渡到=======>缓动的动画函数

简单的轮播图

左右焦点的轮播图

无缝连接的轮播图

轮播图======================================重点

三大系列中的第一个系列:offset系列================重点

封装缓动动画函数

筋斗云,固定导航栏

升级4到5个版本

手风琴

旋转木马

part4 复习

为元素绑定事件的三种方式:

1.对象.on事件类型=事件处理函数;

2.IE8不支持

对象.addEventListener("没有on的事件类型",事件处理函数,false);

3.谷歌和火狐不支持

对象.attachEvent("有on的事件类型",事件处理函数);

为元素解绑事件的三种方式:

1.对象.on事件类型=null;

2.对象.removeEventListener("没有on的事件类型",事件处理函数名字,false);

3.对象.detachEvent("有on的事件类型",事件处理函数);

事件冒泡: 元素A中有元素B,都有相同的事件,里面的元素的事件触发了,外面元素的事件也会触发.可以是多个元素嵌套

阻止事件冒泡:

两种

1.e.stopPropagation(); e---事件参数对象,谷歌和火狐都支持,IE8不支持

2. IE8和谷歌支持

window.event.cancelBubble=true;

window.event就是事件参数对象----e是一样的

BOM: Browser Object Model 浏览器对象模型---操作浏览器

历史记录的后退和前进 history: back()后退 forward()前进

地址栏上的地址的操作 location href属性跳转页面, assgin()跳转页面 reload()刷新 replace()方法替换地址栏上的地址的,没有历史记录的

获取系统和浏览器的信息的 navigator userAgent属性---获取系统,浏览器的信息的

地址栏上#及后面的内容

onsole.log(window.location.hash);

主机名及端口号

onsole.log(window.location.host);

主机名

onsole.log(window.location.hostname);

文件的路径---相对路径

onsole.log(window.location.pathname);

端口号

onsole.log(window.location.port);

协议

onsole.log(window.location.protocol);

搜索的内容

onsole.log(window.location.search);

定时器:

该定时器会返回自己的id值

var timeId=window.setInterval(函数,时间);

执行过程:页面加载完毕后,过了一段时间执行函数,反复的,除非清理定时器

window.clearInterval(定时器的id值);清理定时器

巴特西