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

原文地址:https://www.cnblogs.com/jane-panyiyun/p/12028250.html

时间: 2024-10-12 07:45:28

JS---part5 课程介绍 & part4 复习的相关文章

JS---DOM---part4 课程介绍 & part3 复习

part4 课程介绍 事件 1. 绑定事件的区别 2. 移除绑定事件的方式及区别和兼容代码 3. 事件的三个阶段 4. 事件冒泡 5. 为同一个元素绑定多个不同的事件,指向的是同一个事件处理函数 6. 百度的大项目 7. BOM 8. 定时器 9. DOM加强,多个几个好玩的案例 part3 复习 节点: 节点:页面中所有的内容都是节点(标签,属性,文本:文字,空格,换行) 文档:document---页面中的顶级对象 元素:页面中所有的标签,   标签---元素--对象(通过DOM的方式来获取

Web API---DOM---part2复习和part3课程介绍

part2复习 阻止超链接默认的跳转事件: return false; 获取元素的方式 根据id获取元素 document.getElementById("id属性的值"); 根据标签名字获取元素 document.getElementsByTagName("标签的名字"); 有的浏览器不支持, IE低版本的浏览器不支持,IE8以下的 根据name属性的值获取元素 document.getElementsByName("name属性的值"); 根

Vue+koa2开发一款全栈小程序(1.课程介绍+2.ES6入门)

1.课程介绍 1.课程概述 1.做什么? Vue+koa2开发一款全栈小程序 2.哪些功能? 个人中心.图书列表.图书详情.图书评论.个人评论列表 3.技术栈 小程序.Vue.js.koa2.koa-router.mysql 2.课程亮点 1.项目前后端分离开发 Vue+koa2开发一款全栈小程序 2.完整流程,一步不少 注册小程序账号,前后端开发,打包,正式上线 2.小程序环境搭建 1.后台地址: https://mp.weixin.qq.com/ 2.文档地址: https://develo

【读书笔记】计算机网络1章:课程介绍、协议、分层

这是我在Coursera上的学习笔记.课程名称为<Computer Networks>,出自University of Washington. 由于计算机网络才诞生不久,目前正在以高速在发展,所以有些旧的教材可能都已经跟不上时代了.这门课程在2013年左右录制,知识相对还是比较新的.覆盖了计算机网络中的各个协议层,从物理层到应用层都讲得非常仔细.学完这门课程之后对计算机网络会有比较深刻的了解. 本章讲述了这门课程的大致情况,讲述了协议.协议层等基本概念. 目标和动机 课程的主要目标就是介绍计算

js模板引擎介绍搜集

js模板引擎越来越多的得到应用,如今已经出现了几十种js模板引擎,国内各大互联网公司也都开发了自己的js模板引擎(淘宝的kissy template,腾讯的artTemplate,百度的baiduTemplate等),如何从这么多纷繁的模板引擎中选择一款适合自己的呢,笔者最近对主流的js模板引擎(mustache,doT,juicer,artTemplate,baiduTemplate,Handlebars,Underscore)做了一番调研,分享出来希望对大家有用. 从这几个指标来比较js模板

普林斯顿公开课:算法第0章,课程介绍

课程介绍 这门课程核心内容是算法和数据结构. 具体的算法和数据结构如下: 数据类型:堆栈.队列.背包.并查集.优先队列. 排序:快排.并排.堆排.基数排序 查找:BST.红黑BST.哈希表 图:BFS.DFS.Prim.Kruskai.Dijkstra 字符串:KMP.正则.TST.哈夫曼.LZW 高级:B树.后缀数组.最大流 为什么要学习算法 算法在各个领域中都有应用. 算法可以提高编程效率. 算法可以将现实生活中的物理公式转换成代码,算法可以模拟现实世界,然后发现世界的奥秘. 算法是很有趣的

doT.js详细使用介绍

官网: http://olado.github.iodoT.js详细使用介绍 使用方法: {{= }} for interpolation {{ }} for evaluation {{~ }} for array iteration {{? }} for conditionals {{! }} for interpolation with encoding {{# }} for compile-time evaluation/includes and partials {{## #}} for

为什么我要用 Node.js? 案例逐一介绍

介绍 JavaScript 高涨的人气带来了很多变化,以至于如今使用其进行网络开发的形式也变得截然不同了.就如同在浏览器中一样,现在我们也可以在服务器上运行 JavaScript ,从前端跨越到后端,这样巨大的反差让人难以想象,因为仅仅在几年前 Javascript 还如同 Flash 或者 Java applet 那样嵌入网页在沙箱环境中运行. 在深入Node.js之前,你可能需要阅读和了解使用跨栈式JavaScript(JavaScript across the stack)带来的好处,它统

Linux零基础入学之1-1课程介绍&了解RHEL7&安装RHEL7

[本节内容] * 课程介绍 * RHEL7了解 * RHEL7.2的安装 * 实战:组装服务器 [Linux介绍] 服务器种类:刀片式.塔式(机架式) 1U:4.45cm   三指宽   指服务器的高度 贝尔实验室    Unix    肯·汤普森 & 丹尼斯·里奇 二人合作用汇编语言完成编写Unix.1972年C语言诞生.1973年,二人又用C语言重新编写 了Unix,以实现Unix系统数据的可迁移性. 加州大学伯莱利分校BSD编写4.4 free BSD UNIX 1991年,Linux正式