搜索
第一章到第三章1：Dom概念文档对象模型（DocumentObjectModel，DOM）是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。2：Bom浏览器对象模型（window对象，document对象（也是window对象的一个属性），location对象（主要作用分析和设置页面的url），navigator对象(客户端浏览器检测中最重要的对象就是navigator对象)，screen对象（主要用来获取用户的屏幕的信息））通过使用BOM，可移动窗口、更改状态栏文本、执行其它不与页面内容发生直接联系的操作。3:javascript语法区分大小写；弱类型变量；每行结尾可无可有；注释方式和java一样；4：数据类型（9种类型）Undefined，null，boolean，String(放到单引号或双引号中),number,object,reference,list.5：javascript与java中的的数组不同javascript数组定以后可以任意怎加大小，而java则不可以。例如：1)varamap=newArrary(china,jain,haha)；amap[20]=helo（这样写是可以做的）。2)java数组声明时已定义大小，如果按javascript写，会报数组下标越界异常。6：css标记选择器类别选择器（例如：.oneclass=one）;Id选择器（例如：#oneid=one）;选择器集体声明（例如：h1,h2,h3,p{}h1/h1h2/h2h3/h3p/p选择器嵌套（例如：pb{}pb/b/p）子选择器：大多用来选择一个父元素直接的子元素例如：ul.mylistlia{}ulclass=mylistlia/a/liullia/a/lili/lili/li/ul/ul属性选择器（[]）例如：a[title=CSS1]{text-decoration:none;/*没有下划线*color:#336600;}ulclass=myListliahref==#title=CSS1CSS1/a/li//只要是属性，就可以。liahref=#title=CSS2CSS2/a/liliahref=#title=CSS3CSS3/a/li/ul/li/ul拓展：css类别选择器中p.one{xxxx；}和.one{xxxx；}的区别？一个是全局的类，只要定义样式.one{xxxx；}包含class=one的都生效。可以全局定义一个类，其他使用的此类样式的标签的样式都会改变。一个是局部的类，只对局部有效，如p.one{xxxx；}只对p标签下面的class=one才有用，其他没有影响！第四章到第五章1：div和span的区别：div是一个块级（block-level）元素，它包围的元素会自动转行，而span是行内元素（inline）2：盒子模型图片：3：3：float定位是css排版中非常重要的手段，float属性很简单，只需设置为right，left或者默认值none。4：position定位：static，absolute。relative，fixed，其中static为默认值5:DOM模型:稳当对象模型Dom中有三类节点:元素节点,文本节点,属性节点。元素节点：可以说Dom模型都是由元素节点构成的（html,body.meta,h2,p,li都是元素节点）。文档节点：ul节点没有直接包含任何节点，只是包含了一些元素节点li，li中才包含着文本节点。属性节点：作为页面的元素，或多或少会有一些属性。例如：title属性6：访问节点两种方法：第一：getElementsByTagName();第二：getElementById();7:检查节点类型（nodeType返回的值是数值型）例如：document.nodeType，则返回值为9。8:appendChild(node)将note节点添加到childNodes的尾部。9：设置节点属性setAttribute（）方法设置节点的属性，getAttribute（）得到节点的属性。例如：得到节点属性：vara=document.getElementsByTagName（“img”）[o];a.getAttribute().设置节点属性：vara=document.getElementsByTagName（“img”）[o];a.setAttribute(src,02.jpg);10:创建和添加节点创建元素节点：createElement();创建文本节点采用createTeXNode（）；创建文档碎片节点createDocumentFragment（）；第六章到到第九章1：事件事件包括：捕获型和冒泡型事件。IE冒泡型触发的顺序为：pdivbodyhtmlfirefox冒泡型触发的顺序为：pdivhtmlbody2:window对象的一个函数例如：window.onload=funcation(){}此函数，保证了dom结构在完全建立后再执行函数里面的方法。3：动态添加表格表格的添加，期中包括加入一行数据和每一行添加单元格，主要采用的是insertRow（）和insertCell（）；4：定位单元格varoTable=document.getElementById(member);oTable.rows[3].cells[4].innerHTML=lost;5:动态删除表格删除某行：调用deleteRow(i)删除某个单元格：可以调用tr的deleteCell(j)方法。例如：varoTable=document.getElementById(member);oTable.deleteRow(2);//删除一行,后面的自动补齐。oTable。roes（2）.deleteCell(1);//删除一个单元格，后面的也自动补齐。第十章到十一章1：选择器;nth-child()选择器2:$选择器id选择器：$(#SomeClass)类别选择器:$(.SomeClass)选择所有位于奇数行的p标记。几乎所有标记都可以使用:odd或者“:event”来实现奇偶的选择：$(p:odd)所有表格行的第一个单元格，就是第一列。$(td:nth-child(1))子选择器：$(lia)属性选择器：语法是在标记的后面用中括号[和]添加相关的属性，然后再赋予不同的逻辑关系例如：$(a[href$=pdf])：选择所有超链接。并且这些超链接的href属性是以“pdf”结尾的。包含选择器：$(li:has(a)):包含了超链接的所有li标记。$(ulliullihas（a）).addClass(myClass):选中二级项目表中所有包含了超链接li标记。位置选择器：$(p:first-child)选择每个div快的第一个p标记。3：创建节点4比dom方法简单多了。jquery使用$则可以直接创建dom元素例如：$(p这是一个感人肺腑的故事/p)相当于varoNewP=document.createElement(p);varoText=documnet.createTextNode(这是一个感人肺腑的故事)oNewP.appendChild(oText);4:解决$冲突varQQ=$.noConflict();//那么$变成了QQ5：管理选择结果获取元素的个数：$(img).size();提取元素：$(img[title])[1];==$(img[title]).get(1);6:添加，删除，过滤元素add()方法：添加元素。例如：$(img[alt]).add(img[title])==$(img[alt],img[title]);filter()方法：来筛选元素。find()方法：通过查询获取新的元素集合。例如:$(p).find(span)==$(span,$(p3))标记属性遍历元素：each(callback())遍历元素。获取属性值：attr(name);例如：$(em).attr(title);修改属性值：attr(name,value);删除属性：.removeAttr();例如$(button).removeAttr(disabled);设置元素样式添加css类别：addClass（）；例如：$(div).addClass(myClass1myClass2);添加了两个class类别。注意：input可以有两个class类别，其它元素也可以，不仅可以两个，三个以上也可以。类别间的动态切换：toggleClass（）方法动态切换css类别。处理页面元素html（）和text（）两个方法来获取和编辑页面内容。html（）相当于获取节点的innerHtml属性，添加参数html（text）时，则为设置innerHTML；text（）：则用来获取元素的纯文本，text（content）为设置纯文本。删除元素remove（）方法;例如：$(p).remove();