摘要： 一、基础知识1、点击计数第一种： 1 var aBtn=document.getElementsByTagName('input'); 2 var i=0; 3 4 for(i=0;i<aBtn.length;i++){ 5 addClick(aBtn[i]); 6 } 7 function addClick(obj){ 8 var count=0; 9 obj.onclick=function (){10 alert(count++);11 };12 ... 阅读全文

摘要： 一、ajax提交表单先引入ajax.js 1 function ajax(url, fnSucc, fnFaild) 2 { 3 //1.创建Ajax对象 4 var oAjax=null; 5 6 if(window.XMLHttpRequest) 7 { 8 oAjax=new XMLHttpRequest(); 9 }10 else11 {12 oAjax=new ActiveXObject("Microsoft.XMLHTTP");13 }14 15 //2.连接服... 阅读全文

摘要： 一、表格应用thead、tbody、tfoot1.隔行变色、高亮、添加删除内容 1 var oTab=document.getElementById('tab1'); 2 var oBtn=document.getElementById('btn1'); 3 var oTxt=document.getElementById('txt1'); 4 var iNowId=oTab.tBodies[0].rows.length+1;//创建一个变量来设置行号 5 var oldBgColor='';//创建一个变量存储原来的颜色 6 7 阅读全文

摘要： 一、基本概念Array类 ————> 不具备实际的功能，只能用来构造对象arr对象 ————> 有实际的功能，被类给构造出来如：var arr=new Array();prototype原型 ————> 可以扩展系统或自建对象的功能，添加一些本不支持或没有的方法和属性，就类似于cl... 阅读全文

摘要： 一、滑动菜单、图片var iSpeed=0;var left=0;function startMove(obj,iTarg){ clearInterval(obj.timer);//记得先关定时器 obj.timer=setInterval(function(){ iSpeed+=(iTarg-obj.offsetLeft)/5; iSpeed*=0.7; left+=iSpeed;//用一个变量left解决小数误差的问题 if(Math.abs(iSpeed)=document.documentElement.clientWidth-oDi... 阅读全文

摘要： 一、链式运动首先，要改进运动框架function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } }function startMove(obj,attr,iTarget,fn){//多div运动 //var obj = document.getElementsByClassName('menu'); clearInterval(obj.tim... 阅读全文

摘要： 一、多物体同时运动栗子一：多个Div，鼠标移入变高，动态下拉菜单function startMove(obj,iTarget){ clearInterval(obj.timer); obj.timer=setInterval(function(){ var iSpeed=(iTarget-obj.offsetHeight)/8; iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed); if(obj.offsetHeight==iTarget){ clearInter... 阅读全文

摘要： 一、让div动起来var oBtn = document.getElementById('btn1'); var timer='';//设置定时器 oBtn.onclick=function startMove(){ var oDiv = document.getElementById('div1'); clearInterval(timer);//关闭原有的定时器，否则多个定时器会叠加 timer=setInterval(function(){ var iSpeed=3; if(oDiv.offsetLeft>=208){ ... 阅读全文

摘要： 必须搞懂的几个问题：1.如何创建ajax对象？2.如何连接服务器？3.如何发送请求？4.监控请求状态的事件是什么？分几个阶段？如何获取返回值？答：onreadystatechange事件：一、readyState属性（请求状态：0——>未初始化；1——>载入，已经调用send（）方法；2——>载入完成，已收到相应内容；3——>正在解析内容；4——>完成）；二、status属性（请求结果）；三、responseText属性（取得结果）一、读取服务器端文件function ajax(url, fnSucc, fnFaild){ //1.创建Ajax对象 var oAj 阅读全文

摘要： 一、COOKIE的封装函数function setCookie(name,value,eDate){ var oDate = new Date(); oDate.setDate(oDate.getDate()+eDate);//alert(oDate.getSeconds()+eDate); document.cookie=name+'='+value+';expires='+oDate;}setCookie('ch','baaaa',1);function getCookie(name){ var arr=document.co 阅读全文