04 2017 档案
摘要：一、基本信息 构造函数描述：new后面的函数称为构造函数，例如：var p1 = new CreatePerson('小明'); this指向：构造函数里的this为新创建的对象 返回值：默认为新创建的对象，可不写 写法： 二、与不通过new创建的函数的区别 1、this指向 （1）直接调用函数：函
阅读全文
posted @ 2017-04-25 10:58
念念念不忘
摘要：一、原型的基本信息 写法：构造函数.prototype.方法名=function(){} 与普通方法的区别：原型类似于css中的class，普通的方法类似于css中的style 优先级：普通方法>原型的优先级 原型方法值的比较： 运用同一个原型方法的两个对象，比较的时候值相等 扩展系统对象原型： 二
阅读全文
posted @ 2017-04-24 14:19
念念念不忘
摘要：一、创建一个空白的Object对象 写法1：var obj = new Object(); 写法2：var obj = {}; 二、给创建的对象添加属性和方法
阅读全文
posted @ 2017-04-24 14:07
念念念不忘
摘要：无标题文档 http://www.douban.com/service/apidoc/reference/ //接口地址
阅读全文
posted @ 2017-04-24 13:03
念念念不忘
摘要：调用方法：ajax(方式, 地址, 数据, 成功执行的函数) 参数： 参数1：方式，get 或 post 参数2：调用文件的地址。例如 getNews.php 参数3：get传递的数据，没有的话不写 参数4：如果ajax成功的话执行的函数，其中date的值为xhr.responseText
阅读全文
posted @ 2017-04-18 15:00
念念念不忘
摘要：var aBtn = document.getElementsByTagName('input'); var aP = document.getElementsByTagName('p'); var arr = [ '莫涛', '张森', '杜鹏' ]; for( var i=0; i a b c
阅读全文
posted @ 2017-04-18 14:24
念念念不忘
摘要：for(var i=0;i<arr.length;i++){ for(var j=0;j<arr[i].length;j++){ alert(arr[i][j]); } }
阅读全文
posted @ 2017-04-18 14:23
念念念不忘
摘要：var str = ''; var num = 0; for ( var attr in document ) { str += num + '. ' + attr + ':' +document[attr] + ''; num ++; } document.body.innerHTML = str; //window，document等对象，不同浏览器结果不一样
阅读全文
posted @ 2017-04-18 11:39
念念念不忘
摘要：var aBtn = document.getElementsByTagName('input'); var arr = [ 'A', 'B', 'C', 'D' ]; for( var i=0; i
阅读全文
posted @ 2017-04-18 11:38
念念念不忘
摘要：var oForm = document.getElementById('form1'); oBtn.onclick = function() { for (var i=0; i电影 音乐 体育
阅读全文
posted @ 2017-04-18 11:35
念念念不忘
摘要：调用方法：var 变量=getElementByClassName(父元素,标签名,属性名); 描述： 1、得到的是包含给定class名的数组 2、parent：在什么范围内寻找 如果是全文档：则是document 如果是某一id范围：则是获取元素。例如： var aa=document.getEl
阅读全文
posted @ 2017-04-18 11:32
念念念不忘
摘要：调用方法：var p = getPos(元素); 得到的变量p即为变量pos的json数据，可通过p.top和p.left获得
阅读全文
posted @ 2017-04-18 11:30
念念念不忘
摘要：描述：.style 只能获取行间属性。而getComputedStyle不兼容IE678，currentStyle不兼容除了IE外的其他浏览器。 解决办法： 封装后写法： 注意事项： 1、只能获取单一样式，不能获取复合样式。会有兼容性问题 复合样式例如：background,包含很多颜色背景图片等属
阅读全文
posted @ 2017-04-18 11:28
念念念不忘
摘要：封装后写法： 1、window.onload=function(){} 改写为 $( function(){}) 2、document.getElementById( ) 改写为 $("div") 3、this 改写为 $( this )
阅读全文
posted @ 2017-04-18 11:27
念念念不忘
摘要：写法：表单.onreset=function(){} 触发条件：点击表单重置按钮的时候触发
阅读全文
posted @ 2017-04-14 16:51
念念念不忘
摘要：描述：内容的实际高度，超出div内容范围的内容高度也算在内。内容高度包括padding 一、.scrollHeight——内容实际高度 写法：元素.scrollHeight 二、.scrollWidth——内容实际宽度 写法：元素.scrollWidth
阅读全文
posted @ 2017-04-14 16:28
念念念不忘
摘要：一、可视区尺寸 可视区尺寸：不包括收藏栏，地址栏等 二、.clientWidth——浏览器 / 元素可视区的宽度 写法： 元素.clientWidth （元素可视区 ） document.documentElement.clientWidth （浏览器可视区） 包含内容：样式宽（.style.wid
阅读全文
posted @ 2017-04-14 16:19
念念念不忘
摘要：一、window.location——获取浏览器地址 描述：返回结果的数据格式是个对象，还有很多子方法 常用方法： （1）window.location.href ——浏览器地址 描述：获取到的和window.location内容一样 （2）window.location.search ——获取ur
阅读全文
posted @ 2017-04-14 16:17
念念念不忘
摘要：调用方法：bind(元素, 事件名称, 函数名称); 参数： 参数1：绑定的对象 参数2：事件名称（因为标准浏览器没有on，IE浏览器有on所以这里不写on） 参数3：绑定的函数
阅读全文
posted @ 2017-04-14 13:45
念念念不忘
摘要：无标题文档 ppppp ppppp ppppp ppppp
阅读全文
posted @ 2017-04-14 13:31
念念念不忘
摘要：document.onclick = fn1; function fn1(ev) { var ev = ev || event; //兼容性 for ( var attr in ev ) { //遍历事件对象 console.log( attr + ' = ' + ev[attr] ); //显示属性名和属性值 } }
阅读全文
posted @ 2017-04-14 13:28
念念念不忘
摘要：var oDiv = document.getElementById('div1'); document.onmousemove = function(ev) { var ev = ev || event; //事件的浏览器兼容 var scrollTop = document.documentElement.scrollTop || document.body.scrollT...
阅读全文
posted @ 2017-04-14 13:27
念念念不忘
摘要：一、.clientX ——鼠标到页面可视区左侧的距离 写法：事件对象.clientX 描述： 当一个事件发生的时候，鼠标到页面可视区左侧的距离（浏览器可视区左上角为0.0） 可视区尺寸：不包括收藏栏，地址栏等 二、.clientY——鼠标到页面可视区顶部的距离 写法：事件对象.clientY 描述：
阅读全文
posted @ 2017-04-14 13:16
念念念不忘
摘要：一、.onkeydown 注意：如果按下不抬起，那么会连续触发。第一次的判断间隔时间比较长，如果超过间隔时间还是在按键说明用户需要连续按键，后续间隔时间比第一次按键间隔时间短 写法：元素.onkeydown = function() {} 二、 .onkeyup 写法：元素.onkeyup = fu
阅读全文
posted @ 2017-04-14 12:37
念念念不忘
摘要：1、设置cookie 调用方法：setCookie(cookie名称，cookie数值，过期时间（天）) 描述：如果过期时间不按照天数计算，则需修改函数里的getDate()为所需的方法 2、获取cookie的单个数值 调用方法：getCookie(cookie名称) 3、移除cookie 调用方法
阅读全文
posted @ 2017-04-14 12:03
念念念不忘
摘要：一、基础信息 描述 : 存储数据，当用户访问了某网页的时候，我们就可通过cookie来向访问者电脑上存储数据 缺点：每次都需要请求服务器 存储时间：默认是临时存储的，当浏览器关闭的时候自动销毁。关闭单个网页cookie依然存在 cookie大小：每个cookie存放的内容大小也是有限制的（4kb），
阅读全文
posted @ 2017-04-13 19:49
念念念不忘
摘要：浏览器兼容性 1、谷歌、IE : onmousewheel 写法：元素.onmousewheel = 函数名; （1）wheelDelta方法——判断滚轮方向 写法：事件.wheelDelta 描述：火狐没有这个属性，值为undefined 数值： 鼠标滚轮向上滚动：120 鼠标滚轮向下滚动：-12
阅读全文
posted @ 2017-04-13 14:34
念念念不忘
摘要：一、设置全局捕获 写法：元素.setCapture(); 描述：当我们给一个元素设置全局捕获以后，那么这个元素就会监听后续发生的所有事件，当有事件发生的时候，就会触发当前设置了全局捕获的元素。其他事件就跳过不执行了 兼容问题： （1）IE: 有setCapture方法，并且有效果 （2）火狐: 有s
阅读全文
posted @ 2017-04-12 15:51
念念念不忘
摘要：一、普通写法 调用方法：drag(元素); 函数主体 完整例子： 二、面向对象写法 使用方法： 三、继承的写法
阅读全文
posted @ 2017-04-12 15:01
念念念不忘
摘要：一、拖拽相关方法 1、onmousedown——选择元素 写法：元素.onmousedown = function() {} 2、onmousemove —— 移动元素 写法：元素.onmousemove = function() {} 触发频率：不是像素，而是间隔时间，在一个指定时间内（很短），如
阅读全文
posted @ 2017-04-12 15:01
念念念不忘
摘要：一、事件默认行为 描述：当一个事件发生的时候浏览器自己会默认做的事情 二、return false 作用：阻止默认行为 描述： （1）当前这个默认行为是什么事件触发的，就在这个事件的处理函数中使用return false; （2）return false阻止的是 obj.on事件名称=fn 所触发的
阅读全文
posted @ 2017-04-12 14:37
念念念不忘
摘要：一、基本信息 描述：如果有一个进去的事件触发了元素，元素就去执行这个函数 执行顺序：先执行最外面的元素，最后执行这个元素（先大后小） 兼容性： （1）IE678：没有事件捕获 （2）标准IE和标准浏览器：有事件捕获 二、实例 1、给元素添加多个函数且是否捕获设置不同的思考方法 描述：如果捕获为tru
阅读全文
posted @ 2017-04-11 18:15
念念念不忘
摘要：一、第一种 写法：元素.事件名= 函数名; 缺点：给同一个对象的同一个事件只能绑定一个的函数，如果绑定多个会覆盖前面绑定f函数 兼容性：无 二、第二种 优点：可以给一个对象的同一个事件绑定多个不同的函数 兼容性： 1、IE下： （1）写法：元素.attachEvent(事件名称，事件函数); （2）
阅读全文
posted @ 2017-04-11 18:00
念念念不忘
摘要：一、基本信息 执行顺序：先是具体的，然后是一个个父级（如果有一个出去的事件触发了元素，元素就去执行这个函数，先是元素本身先执行） 事件冒泡机制描述： 当一个元素接收到事件的时候，会把他接收到的所有传给他的父级，一直到顶层window 二、方法 1、给元素oDiv1加事件处理函数，也叫事件函数的绑定
阅读全文
posted @ 2017-04-07 20:43
念念念不忘
摘要：一、event 基本信息 描述： （1）event 是事件对象 , 当一个事件发生时，当前对象发生这个事件的相关信息都会被临时保存到一个指定地方，即event对象，供我们在需要的调用 （2）事件对象必须在一个事件调用的函数里面使用才有内容 兼容性： ie/chrome : event是一个内置全局对
阅读全文
posted @ 2017-04-07 18:29
念念念不忘
摘要：一、基础信息 有焦点的元素：不是所有元素都有焦点，能响应用户操作的才有焦点。例如：<a><input> 二、设置焦点的方法 1、鼠标点击 2、电脑Tab键 3、JS 三、焦点事件 1、.onfocus——元素获取焦点时触发 写法：元素.onfocus = function() {} 2、.onblu
阅读全文
posted @ 2017-04-07 17:12
念念念不忘
摘要：一、email ——电子邮箱文本框 描述： （1）当输入不是邮箱的时候，验证通不过 （2）移动端的键盘会有变化，英文键盘 二、tel ——电话号码 描述：没有验证信息，移动端键盘会变成数字的 三、url——网页的URL 描述：当输入不是网址的时候，验证通不过 四、search —— 搜索引擎 描述：
阅读全文
posted @ 2017-04-06 17:26
念念念不忘
摘要：一、自己创建 步骤 （1）头部创建标签document.createElement(“header”); （2）在样式表里给新的标签加display属性，因为IE678没有的标签也没有默认属性。footer{ display:block;} 二、引用JS 加上<script src="html5sh
阅读全文
posted @ 2017-04-06 13:03
念念念不忘
摘要：一、<header>——页眉，用在页面的头部或者版块的头部 写法：<header></header> 二、<footer>——页脚，用在页面的底部或者版块的底部 写法：<footer></footer> 三、<nav>——导航 写法：<nav></nav> 格式自定，没有固定要求 四、<hgroup
阅读全文
posted @ 2017-04-06 12:35
念念念不忘
摘要：font-size——文字大小，一般均为偶数，最小设置是12px font-family ——字体，中文一般用宋体/微软雅黑，英文一般用airal color —— 文字颜色，rgb(266.27,27)，一般用#111 text-indent ——首行缩进，2em缩进字符 font-style——
阅读全文
posted @ 2017-04-05 18:44
念念念不忘
摘要：一、参数个数 2个：上下 左右 3个：上 左右 下 4个：上 右 下 左 二、auto值的含义 margin-left:auto;——靠最右侧显示，无论怎么调整窗口大小 margin-right:auto;——靠最左侧显示，无论怎么调整窗口大小 margin:0 auto;——居中显示，无论怎么调整
阅读全文
posted @ 2017-04-05 18:24
念念念不忘
摘要：一、基本布局 二、参数含义 盒子大小 = border + padding + width/height 盒子宽度 = 左border+左padding+width+右padding +右border 盒子高度 = 上border+上padding+height+下padding+下border
阅读全文
posted @ 2017-04-05 18:18
念念念不忘
摘要：一、块元素 写法：display:block 块元素的特征： 1、没有宽度时，默认撑满一行 2、支持所有css命令 3、自带换行，默认占一行 二、内联元素 写法：display:inline 内联元素特征： 1、同排，一行可以有多个同类标签 2、内容撑开宽度 3、不支持宽高 4、不支持上下的marg
阅读全文
posted @ 2017-04-05 16:15
念念念不忘
摘要：一、HTML写法 二、css写法 hack 读法：黑客 支持程度：IE11及以后不支持 推荐使用：不建议 各版本写法： \9 ——IE10之前的IE浏览器解析 +,* ——IE7及IE7之前的IE浏览器解析 _——IE6包括IE6之前的IE浏览器 @media screen and (-webkit
阅读全文
posted @ 2017-04-05 15:31
念念念不忘
摘要：一、.submit() ——提交表单 写法：表单.submit() 二、.onsubmit——当表单被提交的时候触发 写法：表单.onsubmit=function(){}
阅读全文
posted @ 2017-04-01 16:53
念念念不忘
浙公网安备 33010602011771号