JavaScript课堂笔记整理分析.docx

两种备注方式：//或/**/js的引入方式显示内容到页面上面声明方式（变量的作用）变量是用来存储信息的变量名称：a.区分大小写b.关键字和保留字不能作为变量名称避免用关键字和保留字的方法：用于调试接收输入的值Typeof：查看该变量属于什么类型数据类型的转换转换成整型：parseInt（）转换成浮点型：parseFloat（）转换成整型或浮点型：Number（）把数字转换成字符串toString（）转换成bool类型Boolean（）转义字符：\Continue和BreakContinue：结束当前循环，不结束整个循环Break：结束当前循环，同时也结束整个循环js不支持重载，不给参数依然会执行函数。注：可以通过arguments来实现重载的效果，arguments可以获取传递的参数。申明变量可以不用var，但是不安全，这样声明是全局变量。递归函数注：函数的递归调用只能用于静态的数据运算，如果是动态数据，风险过高，容易崩溃功用：凡是循环能做到的，递归都能做到数组：1）js中的数组是可以动态扩容的（其他编译语言不可以）。2）数组成员的默认值是，undefined。3）数组中的push()函数：往数组后面追加元素，返回数组的长度。4）数组中的unshift()函数，往数组最前面插入元素，返回数组的长度5）数组中的pop()函数，删除数组中最后一个元素，返回删除的值6）数组中的shift()函数，删除数组中第一个元素，返回删除的值7）数组中的concat()函数，连接两个数组，返回连接后数组的长度，但是之前的两个数组不会发生变化，例如：arr1.concat(arr2)。8）数组中的join()函数，将数组转换成字符串，默认值之间加上逗号，如果想用其他的符号间隔，直接在join函数的括号里面写入符号，例如：arr.Join(“|”)。9）数组中的split()函数，切割一个字符串，返回一个数组。10）数组中的reverse()函数，逆向排序, 原数组也被逆向排序了11）数组中的sort(compare(num1,num2)),升序或降序，改变compare()函数里面的大于号和小于号，12）slice(): 不修改原数组, 将原数组中的指定区域数据提取出来，取出来,生成新数组, 取的是下标在区域: [1,3)13）splice(): 截取原数组中指定的数据, 会改变原数组插入: 如果有3个或以上参数,且第二个参数(长度)为0,则表示插入box.splice(1, 0, 绿巨人, 冬兵); //在下标为1的位置插入: 绿巨人,冬兵替换: 如果有3个或以上的参数, 且第二个参数(长度)不为0, 则表示替换box.splice(1, 1, 绿巨人, 冬兵); //在下标为1的位置替换成: 绿巨人,冬兵删除: 如果只有两个参数, 则表示删除指定区域的数据box.splice(0, 2); //删除原数组的部分数据, 并返回截取的数据Form表单DOM对象中的属性：父级节点：parentNode：找上一级标签对象，DOM对象的一个属性。下一个兄弟节点：要把nextElementSibling（火狐 谷歌 ie 9 10 11都支持）属性要写在前面，因为谷歌、火狐浏览器能识别nextSibling（只有ie 6 7 8支持），但是是下一个挨着的元素，而不是下一个li标签。上一个兄弟节点：previousElementSibling和previousSibling孩子节点：childNodes和children注：1.childNodes属性会把元素、文本、属性都当做子节点，nodeType为1时表示元素2.children属性会把注释（!）也当做一个子节点firstChild 用于获取当前元素节点的第一个子节点lastChild 用于获取当前元素节点的最后一个子节点innerText、innerHTML和outerHTML7）attributes属性: 返回该元素节点的属性节点集合。8）offsetParent：获取父亲元素，如果上一级没有定位，就接着往上找，直到body9）offsetLeft与style.left：左边离相对定位的元素的距离（偏移量）DOM对象中的函数：document.getElementsByClassName()函数：不兼容IE6、7、8，可以通过document.getElementsByTagName(*)获取所有的标签对象，再通过className属性获得某个类名的标签。document.getElementById()函数document.getElementsByTagName()函数document.createElement()：创建DOM对象（元素节点）document.createTextNode