总结_工学_高等教育_教育专区-总结 10页

数组■数组的概念,一组(一般情况下相同类型)的数据■下标(索引)的概念静态赋值/动态赋值arr[0]=5;arr[l]=12;arr[2]=4;■for(vari=0;i<5;i++){■创建数组vararr=newArray(10);//创建一个包倉10个兀索vararr2=newArrayC尹涛'“0J教师’J安阳’)；//仗川l函数创攵vararr3=[1,2,3,4,5];arr[i]=Math.random();}■数组的length属性，代表长度■遍历访问数组普通for循环■push/pop、unshift/shift方法arr.pushCBJ*)；〃数组末尾添加i元素arr.unshiftCTJVHN*);〃数组开头添加两个元素varstr=arr.popO;/危除末尾一^元素，并返回该元素varstr=arr.shiftQ;〃移除开头一个元素，并返回该元素■练习：找岀所有1-100之间7的倍数和包含7的数字■翻转reverse方法■从小到大扫E序sort方法(数字的排序，对象的排序)■冒泡排序算法String对象(字符串的处理)丄字符串的定义varstr=,fsdsdfsdf,;■也可使用varstr=newString(nabcn);注意此亥ijstr为object类型A字符串的属性length丄字符串的获取方法■charAt⑶/蘇取下标为3的字符\n■charCodeAt(3)〃获取下标为3的字符的编码■fromCharCode(94)〃编码转换成字符\n丄字符串的查找方法indexOfCabc")查找字符串第一次出现的位置lastIndexOf(nabc")查找字符串最后一次出现的位:如果没找到返回Jsearch()字符串/正则匹配(返回出现的位置)matchstringObj.match(rgExp)(将匹配的内容存入数组)replace替换字符串stringObj.replace(,,tmdn/"*")；这里的替换只能执行一次，不能够进行全局匹配,如果需要全局匹配，则应使用正则書达式str.replace(/tmd/gi^g表示进行全局匹配，i表示匹配的时候忽略大小写丄字符串比较方法str=newstring('abc')与varstr=,abc,;丄字符串的截取方法■substring(3,5)i字符串分割■split—艮据分隔符、拆分成数组■案例：内容查找替换功能■toLowerCase.toUpperCase丄字符串去空格4任意给定的一串字母，统计字符串里面的大写字母和小写字母的个数(6K)■Ascii■GBK及Unicode丄Math对象■Math.round(3.6)〃四舍五入■random()//返回0-1之间的随机数■max(numl/num2)//返回较大的数■min(numlznum2)〃返回较小的数■abs(num)〃绝对值■ceil(19.3)//12向上取整■floor(11.8)//II向下取整■pow(x,y)//x的y次方■sqrt(num)〃开平方■案例：字母数字组合验证码\n丄console」og■在控制台打印输出…程序员测试Date对象4了解Date对象的作用■代表日期丄如何创建对象■vard=newDate();4获取年月日■getFullYear()/setFullYear(2014)■getMonth()/setMonth(8)♦注意：获取月份是从0开始的■getDate()/setDate(25)丄获取星期几■getDay()—周中的天数0・64获取时分秒■getHours()■getMinutes()■getSeconds()■案例：显示当前时间\停留时间丄日期处理■Date.parse("2015-08-24n)♦转换格式默认支持2015-08-24或2015/08/24♦如果需要支持其他格式，只能手动处理■newDate(time)♦创建一个日期对象，并指定时间可以指定毫秒数♦或者修改time属性，vard=newDate();d.setTime(56521211021);■getTime()/setTime()♦getTime获取某个日期自1970年以来的毫秒数♦setTime修改日期的毫秒数，对应的日期时间也会修改丄封装日期处理的函数库(重要！)\nBOM(BrowserObjectModel)\n丄BOM的概念4与document的关系4-location对象■href属性控制浏览器地址栏的内容■reload。方法刷新页面■reload(true)刷新页面，不使用缓存■toSource()方法获取某个对象的源码4navigator对象■appName浏览器名称■appVersion浏览器版本■platform操作系统■最新的浏览器已经全面放弃以上这些属性■userAgent用户代理信息，通过该属性可以获取浏览器及操作系统信息丄close()关闭浏览器FF不支持alert(text)弹岀丄blur()窗口失去焦点丄confirm()方j去■confirm(”对话框的提示文字”)■该方法有返回值，点击确定返回true,按取消返回false4输入框：promptQ,返回字符串或nullvarname=window.prompt("请输入姓名")；\nalert(name);*setlntervalO定时执行任务(每隔指定的时间，执行一次指定的函数)setlnterval(funl,500);//每隔500毫秒执行一次funl函数■clearlnterval(interval)清除定时器IsetTimeout定时执行任务(指定的时间以后，执行一次函数)■三目运算符■逻辑表达式?值1：值2;■整个运算的最终结果是:如果逻辑表达式的值为真,则最终结果为值1.否则为值2;DOM(±)4-DOM(文档对象模型)的概念documentobjectmodel4节点树种节点之间的关系,父子、兄弟4节点种类：元素节点、文本节点、属性节点。IgetElementByldO获取特定ID元素的节点■window.onload=function(){//J页加载html后执行IgetElementsByTagName()获取相同元素的节点列表■返回数组，使用［0］来获取4getElementsByNameO获取相同名称的节点列表■不是所有标签都有name属性■某些低版本浏览器会有兼容性问题丄getElementsByClassNameO获取相同class属性的节点列表■IE8以下不支持AgetAttribute()获取特定元素节点属性的值■获取自定义属性时，oDiuxxx,IE最新版本不支持，其他浏览器不支持,因此要采用这个方法来访问丄setAttributeO设置特定元素节点属性的值■IE低版本浏览器不支持这个方法\n丄removeAttribute()移除特定元素节点属性■某些低版本浏览器不支持\n丄访问元素节点的属性■tagName获取元素节点的标签名■innerHTML获取元素节点里的内容■outerHTML/innerText,非W3CDOM规范■id元素节点的id名称■title元素节点的title属性值（鼠标悬停时的提示）■styleCSS内联样式属性值■获取非行内样式的属性，必须要使用currentstyle（IE特有）//varstyle=window.getComputedStyIe（f,元素"，"伪类;vardom=document.getElementByld（MtestM）;style=window.getComputedStyIe（dom,M:after**）;〃个别浏览器对第二个伪类不支持■classNameCSS元素的类（不可以使用class）DOM（T）4.node节点属性■节点可以分为元素节点、属性节点和文本节点，而这些节点又有三个非常有用的属性，分别为:nodeName.nodeType和nodeValue。■节点属性nodeName、nodeType、nodeValue■元素1属性2文本3♦在IE9之前znodeType的表示范围不符合标准■节点的属性列表：■childNodes获取当前元素节点的所有子节点♦这里面包含空白节点，在IE9之前，IE浏览器会自动忽略空白节点■firstChild获取当前元素节点的第f子节点■lastChild获取当前元素节点的最后一个子节点■ownerDocument获取该节点的文档根节点，相当与document■parentNode获取当前节点的父节点■previousSibling获取当前节点的前一个同级节点■nextSibling获取当前节点的后一个同级节点■attributes获取当前元素节点的所有属性节点集合丄childNodes属性■返回元素节点和文本节点两种■使用nodeName来获取元素的标签名称■使用nodeValue来获取文本内容■使用nodeType来判断到底是哪个节点（元素1属性2文本3）\n丄innerHTML和nodeValue■box.childNodes[0].nodeValue=*abc';■box.innerHTML='abc■使用nodeValue，标签会被转义”然后在页面上原样输出丄attributes属性■document.getElementById('box').attributes//NamedNodeMap■document.getElementByldCbox'J.attributes.lengthy/ig回属性节点个数■document.getElementByldCboxyattributestO];〃返回第一个属性节点■document.getElementById('box').attributes[0].nodeType;//2,属性■document.getElementByldCbox^.attributesIO].nodeValue;〃属性值■documentgetElementById('box').attributes['icT];//返回属性为id的节点■document.getElementByldCbox^.attributes.getNamedltemCid');//■box.name丄忽略空白文本节点■body.childNodes」ength■在低版本IE中，会自动忽略掉空白的文本节点，其他浏览器不会忽略丄常见事件■onload加载事件网页加载完毕后执行■onscroll滚动事件♦document.documentElement.scrollTop代表垂直的滚动条，向下滚动的距离♦document.body.scrollTop//chrome代表垂直的滚动条，向下滚动的距离♦document.documentElement.scrollLeft♦document.body.scrollLef4for・in（结合数组或对象）