欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-03 12:40:02
part5 课程介绍 另一个定时器 第一个定时器的小案例 练习 封装动画函数 匀速的动画函数,过渡到 >缓动的动画函数 简单的轮播图 左右焦点的轮播图 无缝连接的轮播图 轮播图 重点 三大系列中的第一个系列:offset系列 重点 封装缓动动画函数 筋斗云,固定导航栏 升级4到5个版本 手风琴 旋转 ......

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值);清理定时器