摘要: 一、关于offset,我们要弄明白什么 在这里我们可以看到,关于offset共有5个东西需要弄清楚: 1、offsetParent 2、offsetTop 3、offsetLeft 4、offsetWidth 5、offsetHeight 我们根据难易程度把以上5点分为三类来讲解。 二、offset 阅读全文
posted @ 2016-05-27 16:47 zzjeny 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 一、鼠标事件 1、鼠标位置 可视区位置:clientX、clientY(鼠标的坐标) 这里我们注意,现在我们只知道它是鼠标的坐标,但是我们不知道它是鼠标的什么坐标,现在我们来看一个实例: ——例子1:跟随鼠标的Div (1)onmousemove 事件会在鼠标指针移动时发生。 注释:每当用户把鼠标移 阅读全文
posted @ 2016-05-27 16:09 zzjeny 阅读(635) 评论(0) 推荐(0) 编辑
摘要: 一、event事件 1、什么是event事件对象? 用来获取事件的详细信息:鼠标位置、键盘按键 ——例子:获取鼠标位置:clientX ——document的本质:document.childNodes[0].tagName (1)首先对于点击事件,如果我们想要在页面打开后,在页面的任何一个地方点击 阅读全文
posted @ 2016-05-27 10:15 zzjeny 阅读(237) 评论(0) 推荐(0) 编辑
摘要: 一、BOM JS用来操作浏览器的那部分功能(window) 1、打开、关闭窗口 (1)open 在这里插入一个小知识: 新窗口打开运行代码: close——关闭时提示问题 2、常用属性 ——window.navigator.userAgent ——window.location 3、尺寸及坐标(在讲 阅读全文
posted @ 2016-05-26 20:36 zzjeny 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 一、创建、插入和删除元素 1、创建DOM元素 createElement(标签名) 创建一个节点 appendChild(节点) 追加一个节点 ——例子:为ul插入li 注意:appendChild() 方法向节点添加最后一个子节点。 由上面代码可知:每次添加的内容都是添加在后面;那要如何才能添加到 阅读全文
posted @ 2016-05-26 20:29 zzjeny 阅读(194) 评论(0) 推荐(0) 编辑
摘要: 接上面笔记内容接下来继续DOM节点: 7. 获取首尾子元素:firstChild、firstElementChild、lastChild、lastElementChild8. 获取兄弟节点:nextSibling、nextElemnetSibling、previousSibling、previous 阅读全文
posted @ 2016-05-26 19:25 zzjeny 阅读(248) 评论(0) 推荐(0) 编辑
摘要: 主要内容: 1. DOM简介、DOM标准、DOM节点 2. 获取元素的子节点:childNodes、兼容性问题3. 节点类型:nodeType、文本节点、元素节点4. children的使用5. 获取元素父节点parentNode6. 获取定位元素的父节点offsetParent7. 获取首尾子元素 阅读全文
posted @ 2016-05-26 18:43 zzjeny 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 本课内容:1. 数组定义、length使用2. push、pop、shift、unshift方法3. 排序:sort方法、字符串排序、数字排序4. cancat、join方法5. split方法6. splice方法:删除、插入、替换 一、数组 数组的使用 (1)定义: var arr=[12, 5 阅读全文
posted @ 2016-05-26 16:49 zzjeny 阅读(244) 评论(0) 推荐(0) 编辑
摘要: 本课内容:1. 函数返回值:return,没有return的函数返回值是什么?2. 函数传参、arguments(可变参、不定参)3. arguments应用实例:任意数字求和4. 实例:CSS函数5. 获取非行间样式:currentStyle、getComputedStyle(obj, false 阅读全文
posted @ 2016-05-26 15:23 zzjeny 阅读(323) 评论(0) 推荐(0) 编辑
摘要: 一、命名规范 1. 命名规范的必要性、意义 可读性--能看懂 规范性--符合规则 2. 匈牙利命名法、变量的命名规范、函数的命名规范 类型前缀、首字母大写 二、运算符 算术:+ 加、- 减、* 乘、/ 除、% 取模 实例:隔行变色、秒转时间 3. 运算符——%取模(求余数) 4. %取模(求余数) 阅读全文
posted @ 2016-05-26 10:15 zzjeny 阅读(489) 评论(0) 推荐(0) 编辑