摘要: 创建元素:cereatElement('li');一般是先创建元素,然后将改元素插入到一个元素中。添加元素:父元素.appendChild(子元素);是末尾插入,如果是将父元素中的一个子元素插入该父元素末尾,分两步,1先从一个父元素中删除这个子元素,2再将这个子元素插入父元素中;插入到某个元素前:父元素.insertBefore(插入元素,目标元素);移出某一个元素:父元素.removeChild(子元素);提交输入的内容:<input type='text' id='txt1'/><input type='button 阅读全文
posted @ 2013-06-19 19:31 猫多多 阅读(430) 评论(0) 推荐(0) 编辑
摘要: ECMAScript DOM BOMDOM:DocumentObjectModel 文档对象模型:一种用于HTML和XML文档的编程接口。childNodes:子节点;子节点只包含父级下的第一层alert(oParent.childNodes);ie6-8中只包括元素节点(值为1);高级浏览器中会包括文本节点(值为3);<ul id='ul1'> <li></li> <li></li> <li></li></ul>window.onload=function(){ var oUl=d 阅读全文
posted @ 2013-06-18 12:25 猫多多 阅读(7964) 评论(0) 推荐(1) 编辑
摘要: 定时器:id=setInterval(fun,30); 清除定时器:clearInterval(id);延时:id=setTimeOut(fun,30); 清除延时:clearTimeOut(id);str.toCharAt(i);获取字符串str第i个位置上的字符;兼容ie和高级浏览器;例子:简易时钟;function toDou(n){ if(n<10) { return '0'+n; } else { return ''+n; }}window.onload=function (){ var aImg=document... 阅读全文
posted @ 2013-06-17 15:28 猫多多 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 可变参:arguments; 函数的参数组成的数组;arguments[0],函数的第一个参数,arguments[1],第二个参数······;result+=arguments[i];oDiv.style.width只能获取行间样式;如何获取非行间样式: //IE oDiv.currentStyle['width']; //chorom,FF getComputedStyle(oDiv,false)['width'];函数:获取非行间样式function getStyle(obj,name){ if 阅读全文
posted @ 2013-06-08 17:29 猫多多 阅读(235) 评论(0) 推荐(0) 编辑
摘要: 加减运算符:+加、-减、*乘、/除、%取模; +:加法运算,连接字符串; %:取余数;例子:秒转时间:function showTime(){ var a=76; var time=parseInt(a/60)+'分'+a%60+'秒'; alert(time); }showTime();关系运算符:>,<,>=,<=,==,!=,===,!==;逻辑运算符:或||、与&&、非!;var n=56;n>9 && n<100;真:true,非零数字,非空字符串,非空对象,假:false,数字零,空 阅读全文
posted @ 2013-06-08 13:35 猫多多 阅读(184) 评论(0) 推荐(0) 编辑
摘要: javaScript组成: ECMAScript:核心,解释器;翻译作用,几乎没有兼容性问题,无兼容性。 DOM:Document Object Model; html,document,有一些操作不兼容,有兼容性。 BOM: Browser Object Model; 浏览器,window,完全不兼容,无兼容性问题。数据类型:number,string,boolean,undefine,object,function;六大类; 变量:var a=?; 一般一个变量值存储一种类型的数据; typeof运算符:typeof('abc'),用于获取属于那种类型。数据类型转换: 显式 阅读全文
posted @ 2013-06-07 21:08 猫多多 阅读(252) 评论(0) 推荐(0) 编辑
摘要: 事件提取:把html中行间的事件提取到js中; function changeCss1(){}; function changeCss2(){}; obj.onmouseover=changeCss1;注:不加(); obj.onmouseout=changeCss2;三种控制模式:1、顺序:从上到下··················2、条件if(条件1){ ···· 阅读全文
posted @ 2013-05-29 14:17 猫多多 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 鼠标移入到input上的时候,让div1显示:display:block;鼠标移出input的时候,让div1隐藏:display:none;事件:onclick;当用户点击时; onmouseover:当鼠标移入; onmouseout:当鼠标移出;js获取元素:document.getElementById('div1');'='(改变),表示赋值:var a=5;==表示判断;改变某元素的样式:document.getElementById('div1').style.display='none';注:none要用引号括起来 阅读全文
posted @ 2013-05-28 22:32 猫多多 阅读(120) 评论(0) 推荐(0) 编辑