随笔分类 - 前端
摘要：1.创建子元素oLi=document.creatElement('li') 2.将元素附给父级元素oUl.appendChild(oLi) 3.将元素插入到父级元素里的第一位子元素之前oUl.insertBefore(oLi,aLi[0]) 当if(aLi.length>0)用这个，反之else用
阅读全文
摘要：1.css 标签 js 元素 dom 节点,元素节点，属性节点，文本节点 2.dom浏览器支持率 ie 10% chrome 60% FF 99% 3.提取元素子节点 用.childNodes提取的子节点一般在高版本下浏览器是三种类型子节点：元素节点，属性节点，文本节点， 在低版本下浏览器提取的是元
阅读全文
摘要：功能：几张图片会向左或向右滚动，鼠标移进移出会停止和继续，点击按钮会切换左右滚动方向 事件：onmouseover,onmouseout,onclick 属性：ul的left,width 用到了计时器，innerHTML，offsetLeft,offsetWidth oUl.style.width=
阅读全文
摘要：功能：用切换图片0-9效果显示当前系统时间 属性：img的src 1.用到 new Date() getHours(),getMinutes(),getSeconds() getFullyear(),getMouth()+1月数需要加1,getDay()星期为0，1，2，3，4，5，6 2.单位数转
阅读全文
摘要：1.函数的返回值就是函数的执行语句结果，可以不写return，但不能不写执行语句，否则就是undefined 2.arguments是可变个数参数，相当于存了参数的数组，有length 3.js里取行间样式用.style,取非行间而是样式表中的样式用oDiv.currentStyle.width(i
阅读全文
摘要：1./除，%取模（求余数）i%2==0(双数)用来做隔行应用，parseInt(i/60),i%60用来做秒转分的时间 2.i=i+3与i+=3一样 3.！否，！=不等！== 4.两位数的条件，n>9&&n<100 5.break中断整个循环，continue中断本次循环 6.switch(变量){
阅读全文
摘要：功能：在文本框中输入任意数字点按钮都能求和，输错点击会提醒错误 事件：onclick 属性：input中的value <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content
阅读全文
摘要：1.变量本身没有类型， 一个变量最好只存一种类型数据 2.value属于字符串类型 3.underfinder出现的情况，未定义或者定义了没有给东西 4.NaN Not a Number(非数字），NaN与任意数相加结果为NaN,但NaN与NaN不相等，不能用‘==’号去判断，因该用isNaN()判
阅读全文
摘要：功能：鼠标移到哪个月，哪个月的字色背景色改变，移出恢复原状，并在下方文本框中显示该月计划 事件：onmouseover 属性：className 用到length，this.className,this.index,for语句，innerHTML，数组（注意相互之间不要留空，否则会出错） css t
阅读全文
摘要：事件：onclick 属性：display，className 用到for语句，index标记，this当前事件 先清空后附加 <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" co
阅读全文
摘要：事件：onclick 属性：checked 对于分清getElementsByTagName('元素名')里的元素名， 可以先提取其外面一层的元素，再在此基础上用getElementsByTagName('元素名') 用到for语句，if语句，length <!DOCTYPE html><html>
阅读全文
摘要：事件：onclick 属性：width，height，background 用多参函数来简化，注意用onclick调用时的格式是function(){函数名(实参)} <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv=
阅读全文
摘要：功能：点击第一个按钮红色，第二个绿色 事件：onclick 属性：className,利用赋值class名把原本css里类的样式附加给div <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compati
阅读全文
摘要：事件：onclick 属性：display 利用if语句实现 <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>E
阅读全文
摘要：功能：点击第一个按钮生成文字，第二个按钮清除文字 事件：onclick 属性：input的value <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edg
阅读全文
摘要：功能：鼠标点击不同的2个input进行换肤（切换样式表） 事件：onclick 属性：样式表link里的href <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="
阅读全文
摘要：功能：鼠标移入div,背景色变为绿色，宽变小，长变大，移出恢复原状 事件：onmouseover,onmouseout 属性： background,width,height <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-eq
阅读全文
摘要：功能：鼠标移入input，div显示 ，移出div隐藏 先确定事件：onmouseover,onmouseout 和属性：display <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatibl
阅读全文
摘要：1.节点，dom有3种节点，元素节点，文本节点，属性节点 2.元素节点是dom的原子，所有的属性节点和文本节点都被元素包含，但并不是所有的元素都包含他们 3.继承，节点树上的元素将继承父元素的样式和属性，可以用类和id将元素区别开来 4.获取元素的3种方法，通过元素Id，document.getEl
阅读全文
摘要：1.最好的做法是把<script>标签放到html文档的最后，</body>标签之前. 举例： 。。。。。。 <script src="file.js"></script> </body> 2.解释型程序语言不需要编译器，仅需要解释器，浏览器中没有解释器，JavaScript代码就无法执行 3.语句
阅读全文
浙公网安备 33010602011771号