随笔分类 -  js

js的HTML属性操作
摘要：HTML属性操作：读、写 属性名 属性值 属性都操作：获取、找到 元素.属性 如果你不想一访问页面就弹出窗口，那就要加一个点击事件；（匿名函数） 再来看一个操作： 阅读全文
posted @ 2016-06-19 22:53 zzjeny 阅读(622) 评论(0) 推荐(0)
2016年5月27日下午（妙味课堂js基础-3笔记三（事件））
摘要：一、默认行为 1. 什么是事件的默认行为（默认事件） （1）浏览器不需要我们去编写，浏览器自身就已经具备的功能；（点击右键弹出页面菜单） （2）如何阻止默认行为 2. 上下文菜单：oncontextmenu（右键菜单） 点击右键就会弹出a，且会出现右键菜单； 已经阻止了右键菜单，点击无法弹出。 再来 阅读全文
posted @ 2016-05-27 19:39 zzjeny 阅读(208) 评论(0) 推荐(0)
弄清offset（版本1）
摘要：一、关于offset，我们要弄明白什么 在这里我们可以看到，关于offset共有5个东西需要弄清楚： 1、offsetParent 2、offsetTop 3、offsetLeft 4、offsetWidth 5、offsetHeight 我们根据难易程度把以上5点分为三类来讲解。 二、offset 阅读全文
posted @ 2016-05-27 16:47 zzjeny 阅读(350) 评论(0) 推荐(0)
2016年5月27日下午（妙味课堂js基础-3笔记二（事件））
摘要：一、鼠标事件 1、鼠标位置 可视区位置：clientX、clientY（鼠标的坐标） 这里我们注意，现在我们只知道它是鼠标的坐标，但是我们不知道它是鼠标的什么坐标，现在我们来看一个实例： ——例子1：跟随鼠标的Div （1）onmousemove 事件会在鼠标指针移动时发生。 注释：每当用户把鼠标移 阅读全文
posted @ 2016-05-27 16:09 zzjeny 阅读(657) 评论(0) 推荐(0)
2016年5月27日上午（妙味课堂js基础-3笔记一（事件））
摘要：一、event事件 1、什么是event事件对象？ 用来获取事件的详细信息：鼠标位置、键盘按键 ——例子：获取鼠标位置：clientX ——document的本质：document.childNodes[0].tagName （1）首先对于点击事件，如果我们想要在页面打开后，在页面的任何一个地方点击 阅读全文
posted @ 2016-05-27 10:15 zzjeny 阅读(261) 评论(0) 推荐(0)
2016年5月26日晚上（妙味课堂js基础-2笔记四（BOM））
摘要：一、BOM JS用来操作浏览器的那部分功能（window） 1、打开、关闭窗口 （1）open 在这里插入一个小知识： 新窗口打开运行代码： close——关闭时提示问题 2、常用属性 ——window.navigator.userAgent ——window.location 3、尺寸及坐标（在讲 阅读全文
posted @ 2016-05-26 20:36 zzjeny 阅读(265) 评论(0) 推荐(0)
2016年5月26日晚上（妙味课堂js基础-2笔记三（DOM））
摘要：一、创建、插入和删除元素 1、创建DOM元素 createElement(标签名) 创建一个节点 appendChild(节点) 追加一个节点 ——例子：为ul插入li 注意：appendChild() 方法向节点添加最后一个子节点。 由上面代码可知：每次添加的内容都是添加在后面；那要如何才能添加到 阅读全文
posted @ 2016-05-26 20:29 zzjeny 阅读(214) 评论(0) 推荐(0)
2016年5月26日晚上（妙味课堂js基础-2笔记二（DOM））
摘要：接上面笔记内容接下来继续DOM节点： 7. 获取首尾子元素：firstChild、firstElementChild、lastChild、lastElementChild8. 获取兄弟节点：nextSibling、nextElemnetSibling、previousSibling、previous 阅读全文
posted @ 2016-05-26 19:25 zzjeny 阅读(268) 评论(0) 推荐(0)
2016年5月26日下午（妙味课堂js基础-2笔记一（DOM））
摘要：主要内容： 1. DOM简介、DOM标准、DOM节点 2. 获取元素的子节点：childNodes、兼容性问题3. 节点类型：nodeType、文本节点、元素节点4. children的使用5. 获取元素父节点parentNode6. 获取定位元素的父节点offsetParent7. 获取首尾子元素 阅读全文
posted @ 2016-05-26 18:43 zzjeny 阅读(278) 评论(0) 推荐(0)
2016年5月26日下午（妙味课堂js基础-1笔记四）
摘要：本课内容：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 阅读(259) 评论(0) 推荐(0)
2016年5月26日下午（妙味课堂js基础-1笔记三）
摘要：本课内容：1. 函数返回值：return，没有return的函数返回值是什么？2. 函数传参、arguments（可变参、不定参）3. arguments应用实例：任意数字求和4. 实例：CSS函数5. 获取非行间样式：currentStyle、getComputedStyle(obj, false 阅读全文
posted @ 2016-05-26 15:23 zzjeny 阅读(344) 评论(0) 推荐(0)
2016年5月26日上午（妙味课堂js基础-1笔记二）
摘要：一、命名规范 1. 命名规范的必要性、意义 可读性--能看懂 规范性--符合规则 2. 匈牙利命名法、变量的命名规范、函数的命名规范 类型前缀、首字母大写 二、运算符 算术：+ 加、- 减、* 乘、/ 除、% 取模 实例：隔行变色、秒转时间 3. 运算符——%取模（求余数） 4. %取模（求余数） 阅读全文
posted @ 2016-05-26 10:15 zzjeny 阅读(510) 评论(0) 推荐(0)
简易日历代码
摘要：tab选项卡扩展 一月Jan 二月Feb 三月Mar 四月Apr 五月May 六月Jun 七月Jul 八月Aug ... 阅读全文
posted @ 2016-05-26 09:08 zzjeny 阅读(606) 评论(0) 推荐(0)
2016年5月25日晚上（妙味课堂js基础-1笔记一）
摘要：一、JavaScript基础 1、JavaScript组成 ECMAScript：解释器、翻译 DOM：Document Object Model文档对象模型 BOM：Browser Object Model 各组成部分的兼容性，兼容性问题由来（浏览器对象模型） 2、变量类型 类型：typeof运算 阅读全文
posted @ 2016-05-25 22:28 zzjeny 阅读(334) 评论(0) 推荐(0)
2016年5月25日下午（妙味课堂js预热课程-4笔记二）
摘要：二、无缝滚动 如上图所示，现在很多网页都会实现这样的效果；它是如何实现的呢？ 1、布局 注意如果想让一个div的位置发生改变，则最好给这个div加上一个绝对定位：position：absolute； obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标 阅读全文
posted @ 2016-05-25 20:11 zzjeny 阅读(434) 评论(0) 推荐(0)
2016年5月25日下午（妙味课堂js预热课程-4笔记一）
摘要：一、延时显示框 首先我们要做的是制作两个显示框，当鼠标移入显示框1的时候显示框2出来，当鼠标移出的时候显示框2消失；其代码如下： 然后我们要做的就是我们发现当鼠标要移出显示框1的时候是始终不能移入显示框2，现在我们就要加入一个延时型的定时器了，setTimeout() 方法用于在指定的毫秒数后调用函 阅读全文
posted @ 2016-05-25 15:56 zzjeny 阅读(567) 评论(0) 推荐(0)
2016年5月25日上午（妙味课堂js预热课程-3笔记）
摘要：一、js简易日历 1、innerHTML的使用： a：设置内容并为其加样式： 二、定时器使用： 1、定时器的作用 2、开启定时器 setInterval 间隔型 setTimeout 延时型 两种定时器的区别 3、停止定时器 clearInterval clearTimeout 第一步：制作两个按钮 阅读全文
posted @ 2016-05-25 11:50 zzjeny 阅读(419) 评论(0) 推荐(0)
2016年5月24日上午（妙味课堂js预热课程-2笔记）
摘要：2016年5月24日（妙味课堂js预热课程-2笔记）一、前言 1、window.onload（事件）：是在页面加载完成以后来执行一个功能； 如 window.onload=function（）{ alert（“a”） } 这是一个匿名函数，因为在function后面括号前面没有名字； 即在页面加载完 阅读全文
posted @ 2016-05-25 08:58 zzjeny 阅读(308) 评论(0) 推荐(0)