摘要:
1.文字时间: 2.图片时间: 3.倒计时: 阅读全文
posted @ 2016-07-23 21:34
河南小样
阅读(211)
评论(0)
推荐(0)
摘要:
1.清空整个: 2.清空前一个: 3.自动轮播: 4.用户体验好的选项卡: 阅读全文
posted @ 2016-07-23 20:54
河南小样
阅读(160)
评论(0)
推荐(0)
摘要:
碰撞检测: function collTest(obj1,obj2){//由于if判断条件是对称的,obj1,obj2谁在前无所谓 //用于获取四条边的相对距离 var l1=obj1.offsetLeft; var r1=obj1.offsetLeft+obj1.offsetWidth; var 阅读全文
posted @ 2016-07-23 14:51
河南小样
阅读(157)
评论(0)
推荐(0)
摘要:
简单拖拽: window.onload=function(){ var oBox=document.getElementById("box"); oBox.onmousedown=function(ev){ var e=ev||event; var disX=e.clientX-oBox.offse 阅读全文
posted @ 2016-07-23 14:49
河南小样
阅读(150)
评论(0)
推荐(0)
摘要:
克隆: obj.cloneNode();//是否深度克隆;true:深度克隆, 删除一个属性:obj.removeAttribute('属性名'); window.onload=function(){ var oBox=document.getElementById("box"); var oBtn 阅读全文
posted @ 2016-07-23 14:43
河南小样
阅读(150)
评论(0)
推荐(0)
摘要:
右键菜单[上下文菜单]:oncontextmenu 浏览器自带的: a标签可以点击,输入框可以输入文字,可以选中文字···· 阻止浏览器默认:return false; window.onload=function(){ var oMenu=document.getElementById("menu 阅读全文
posted @ 2016-07-23 14:41
河南小样
阅读(533)
评论(0)
推荐(0)
摘要:
一串跟着鼠标的div: window.onload=function(){ var oBox=document.getElementById("box"); var aDiv=oBox.getElementsByTagName('div'); for(var i=0;i<20;i++){ //创建2 阅读全文
posted @ 2016-07-23 14:40
河南小样
阅读(157)
评论(0)
推荐(0)
摘要:
事件对象: event:描述或者包含事件的更加详细的信息; event:不兼容FF; ev: 兼容IE9+,FF,Chrome,IE8--报undefined; 兼容写法:var oEvent=ev||event; clientX:X轴的坐标 clientY:Y轴的坐标 冒泡: 子元素的事件可以传递 阅读全文
posted @ 2016-07-23 14:36
河南小样
阅读(199)
评论(0)
推荐(0)
摘要:
关于form: 网址:https://www.baidu.com/?a=1&b=2 ?前面是纯网址,?后面是我们提交的数据;提交的多个数据用&隔开; 提交方式[method]:如果不写提交方式,默认是get; 1>.get: 不安全,容量(32KB),有缓存,适合做收藏和分享 2>.post: 相对 阅读全文
posted @ 2016-07-23 14:30
河南小样
阅读(134)
评论(0)
推荐(0)
摘要:
瀑布流: 1.等宽不等高; 2.拉不到底; 每次往offsetHeight最小的Ul里面添加 function rand(n,m){ return parseInt(Math.random()*(m-n)+n) //随机数 } function createLi(){ var oLi=documen 阅读全文
posted @ 2016-07-23 14:26
河南小样
阅读(146)
评论(0)
推荐(0)
摘要:
进度条: window.onload=function(){ var oBox1=document.getElementById("box1"); var oBox2=document.getElementById("box2"); var num=0; for(var i=0;i<77;i++){ 阅读全文
posted @ 2016-07-23 14:17
河南小样
阅读(593)
评论(0)
推荐(0)
摘要:
地址栏信息: window.location: window.location.href="http://www.baidu.com"//打开一个页面 window.location.search :获取地址栏问号后面的东西; window.location.port:端口号; window.loc 阅读全文
posted @ 2016-07-23 14:12
河南小样
阅读(178)
评论(0)
推荐(0)
摘要:
动态创建元素: document.createElement('元素名'); 删除元素: 父级.removeChild(要删除的元素); 添加元素: 父级.appendChild(要添加的元素) >往后面添加; 父级.insertBefore(要添加的元素,添加到谁的前面) >往某个元素前面添加; 阅读全文
posted @ 2016-07-23 11:05
河南小样
阅读(127)
评论(0)
推荐(0)
摘要:
上下一个兄弟节点,第一个和最后一个子节点[不兼容]: 兼容性问题解决方案: var oNext = obj.nextElementSibling || obj.nextSibling; obj.nextSibling: 所有的浏览器都支持这个方法,只不过高版本浏览器[IE9+]中会识别文本节点[普通 阅读全文
posted @ 2016-07-23 11:03
河南小样
阅读(838)
评论(0)
推荐(0)
摘要:
异常:try{}catch(e){}//异常捕获;救急用;也可以当做if来使用; window.onload=function(){ var oBox=document.getElementById("box"); oBox.onclick=function(){ try{alert(getComp 阅读全文
posted @ 2016-07-23 10:59
河南小样
阅读(214)
评论(0)
推荐(0)
摘要:
模拟数组排序: var arr=[2,45,78,12,46,1]; function findInMin(arr,start){ //从第start位往后找最小值 var iMin=arr[start];//假设第start个数为最小值; var iMinIndex=start;//假设最小值的下 阅读全文
posted @ 2016-07-23 10:41
河南小样
阅读(122)
评论(0)
推荐(0)
摘要:
封装getByClass function findInArr(n,arr){ for(var i = 0 ;i < arr.length; i++){ if(n == arr[i]){ return true; } } return false; } //oParent:父级 sClass:我们要 阅读全文
posted @ 2016-07-23 10:38
河南小样
阅读(143)
评论(0)
推荐(0)
摘要:
数组去重: a. arr.sort(); //sort法 for(var i=0;i<arr.length;i++){ if(arr[i]==arr[i+1]){ arr.splice(i,1); i--; } } alert(arr); b. function findInArr(n,arr){ 阅读全文
posted @ 2016-07-23 10:38
河南小样
阅读(126)
评论(0)
推荐(0)
摘要:
QQ长图: window.onload=function(){ var oBox=document.getElementById("box");//盒子 var aImg=oBox.getElementsByTagName('img')[0];//图片 var oUp=document.getEle 阅读全文
posted @ 2016-07-23 10:34
河南小样
阅读(196)
评论(0)
推荐(0)
摘要:
封装补零函数: function toDouble(n){ if(n < 10){ return '0' + n; }else{ return '' + n; } } 封装随机数函数: function rand(n,m){ return parseInt(Math.random()*(m-n)+n 阅读全文
posted @ 2016-07-23 10:33
河南小样
阅读(1911)
评论(0)
推荐(0)
摘要:
if else的简写: a == 12 ?alert('ok'):alert('no ok');//三目,三元 if(a==12)alert('ok'); fn&&fn(); 阅读全文
posted @ 2016-07-23 10:30
河南小样
阅读(1126)
评论(0)
推荐(0)
摘要:
预解析:预先解析一些东西; 变量的定义会提前到我们能理解的最前面; 预解析的作用范围: 会找本作用域内; 函数的也会预解析; 1. function show(a){ alert(a); //function() var s=a(); //弹a, s为undefined(函数a()没有返回值); r 阅读全文
posted @ 2016-07-23 10:28
河南小样
阅读(172)
评论(0)
推荐(0)
摘要:
select: selectedIndex: 选中的option的索引; var option = new option('河北','hb');//新创建一个option; options.add(option);//新增一个option options.remove(要删除的索引);//删除一个o 阅读全文
posted @ 2016-07-23 10:28
河南小样
阅读(112)
评论(0)
推荐(0)
摘要:
json相当于给变量打包; json和数组的区别: json arr: length: 没有 有 顺序: 无序 有序; 下标: 字符串 数字; 循环: for in for var json = {a:12,b:13,d:14}; json删除一项: delete json.a json 修改: j 阅读全文
posted @ 2016-07-23 10:26
河南小样
阅读(156)
评论(0)
推荐(0)
摘要:
数组方法: var arr = [1,2,3]; arr.push(4,5);//往数组的后面添加(可以一位或者多位),并返回数组的长度; arr.unshift(0,1,2);//往数组的前面添加(可以一位或者多位),并返回数组的长度; arr.pop();//从后面删除一位(只能一位),并返回删 阅读全文
posted @ 2016-07-23 10:25
河南小样
阅读(272)
评论(0)
推荐(0)
摘要:
arguments:实际传递的参数数组的集合; 行参,也就是形式上的参数; 实参,实际传递的参数; arguments跟行参无关,跟实参有关; 什么时候用arguments?函数参数不确定的时候使用; 求和: function sum(){ //形参,形式上的参数;跟其无关,跟实参有关 var re 阅读全文
posted @ 2016-07-23 10:22
河南小样
阅读(129)
评论(0)
推荐(0)
摘要:
字符串: 空格也算字符串的一个长度; var str = 'welcome'; str.charAt(i);获取字符串的某一位;主要用于兼容ie8--; str.indexOf('e');//查找小字符串在大字符串中的位置,找到的话返回具体的位置,找不到返回-1;找的小字符串区分大小写; 懒惰,从左 阅读全文
posted @ 2016-07-23 10:11
河南小样
阅读(128)
评论(0)
推荐(0)
摘要:
封闭空间: ()(); 作用: 解决变量名冲突的问题; 解决i值的问题; i值的问题: for循环里面加点击事件,时间里面取不到i的值; for循环里面加定时器,定时器里面也取不到i的值; 解决方法: 都是用封闭空间; 选项卡(封闭空间版): for(var i = 0; i < aInput.le 阅读全文
posted @ 2016-07-23 10:10
河南小样
阅读(475)
评论(0)
推荐(0)
摘要:
oBtn.disabled = true;//不可点击状态;oBtn.disabled = fasle;//可点击状态; window.onload=function(){ var aInput=document.getElementsByTagName('input'); var num=60; 阅读全文
posted @ 2016-07-23 10:09
河南小样
阅读(602)
评论(0)
推荐(0)
摘要:
获取时间对象: var oDate = new Date();//得到当前的系统时间; var year = oDate.getFullYear();//得到当前的年份; var month = oDate.getMonth();//月份是从0开始; var day = oDate.getDate( 阅读全文
posted @ 2016-07-23 10:07
河南小样
阅读(261)
评论(0)
推荐(0)
摘要:
定时器: setInterval(fn,time);//每隔多长时间(time)做一件什么事情(fn);//如果不关闭一直执行 关掉定时器: clearInterval(定时器的名字); setTimeout(fn,time);//每隔多长时间(time)做一件什么事情(fn);只执行一次; cle 阅读全文
posted @ 2016-07-23 10:05
河南小样
阅读(185)
评论(0)
推荐(0)
摘要:
1. 函数如果没有写return,默认返回undefined; 返回值是给谁的?谁调用就给谁。return 出去的是什么,外边就能用什么. 如果写了return没有写具体的返回值,还是返回undefined; return后面的代码不再执行了。2.undefined(未定义): 1.访问一个不存在的 阅读全文
posted @ 2016-07-23 10:03
河南小样
阅读(352)
评论(0)
推荐(0)
摘要:
获取设置非行间样式: getComputedStyle(obj,false).width;存在兼容性问题;兼容chrome 、FF、ie9+; obj.currentStyle.width:兼容IE系列; getstyle: function getstyle(obj,name){ if(obj.c 阅读全文
posted @ 2016-07-23 10:01
河南小样
阅读(173)
评论(0)
推荐(0)
摘要:
NaN: not a Number;非数字 NaN跟任何东西都不相等,包括自己;跟自己都不相等; alert(NaN==NaN)//false; alert(typeof NaN)//number; isNaN();判断非数字; oBtn.onclick = function(){ var n1 = 阅读全文
posted @ 2016-07-23 09:58
河南小样
阅读(150)
评论(0)
推荐(0)
摘要:
1、return 语句的作用 (1) return 从当前的方法中退出,返回到该调用的方法的语句处,继续执行。 (2) return 返回一个值给调用该方法的语句,返回值的数据类型必须与方法的声明中的返回值的类型一致,可以使用强制类型转换来是数据类型一致。 (3) return 当方法说明中用voi 阅读全文
posted @ 2016-07-23 09:57
河南小样
阅读(380)
评论(0)
推荐(0)
摘要:
1.隐式类型转化: a.除了+号之外(- * / )的都是隐式类型转化; b.== var a = '12'; var b = 12; alert(a == b);//true; +的作用: a>.字符串拼接: b>.还可以做计算;2.显式类型转化[强制类型转化]: a.parseInt(n,ind 阅读全文
posted @ 2016-07-23 09:54
河南小样
阅读(100)
评论(0)
推荐(0)
摘要:
数据类型[6中数据类型]: string[字符串] number[数字] object[对象] boolean[布尔] undefined[未定义] function[函数] alert(typeof undefined); //undefined; alert(typeof null); //ob 阅读全文
posted @ 2016-07-23 09:52
河南小样
阅读(106)
评论(0)
推荐(0)
摘要:
一般情况下,表单元素(input checkbox radio passward textarea等)用value,获取其中的:纯文本值; 除了表单元素,一般情况下都会用innerHTML,innerHTML获取或设置的值包括文本、标签、id名、class名等等都可以; select标签和optio 阅读全文
posted @ 2016-07-23 09:49
河南小样
阅读(838)
评论(0)
推荐(0)
摘要:
1.DOM节点访问元素的方法: document.getElementById(‘元素ID属性值’) document.getElementByClassName(‘元素class属性值’)[0] document.getElementByTagName(‘元素标签名’)[0];2.关于()与[]的 阅读全文
posted @ 2016-07-23 09:47
河南小样
阅读(171)
评论(0)
推荐(0)

浙公网安备 33010602011771号