成都传智播客 cd.itcast.cn 成都传智播客-助你成为高薪程序员ppt课件

1、成都传智播客 cd.itcast成都传智播客成都传智播客- -助他成为高薪程序员助他成为高薪程序员1 1、20202020年年7 7月，传智播客在成都设立分中心传智播客成都分中月，传智播客在成都设立分中心传智播客成都分中心，心，EasyJFEasyJF开源开创人蔡世友教师任首席讲师，开源开创人蔡世友教师任首席讲师，7 7月月8 8日，成都传日，成都传智播客智播客JavaEE+3GJavaEE+3G就业班第一期正式开课。就业班第一期正式开课。2 2、20202020年年9 9月，成都传智播客推出先就业后付款，毕业后没有从月，成都传智播客推出先就业后付款，毕业后没有从事软件开发、月薪未达指定数额，

2、那么退还全部学费的优惠政策，事软件开发、月薪未达指定数额，那么退还全部学费的优惠政策，广受学员好评。广受学员好评。3 3、20202020年年1111月，第一期学员毕业，在仅一个月的时间里，全部月，第一期学员毕业，在仅一个月的时间里，全部学员顺利就业任务地为成都，如愿走上软件开发工程师的岗位学员顺利就业任务地为成都，如愿走上软件开发工程师的岗位，月薪平均，月薪平均30003000以上，有个别学员甚至拿到以上，有个别学员甚至拿到4K4K、K K。4 4、20202020年年2 2月，成都传智携手月，成都传智携手CSDNCSDN推出推出“黑马训练营课程，并黑马训练营课程，并作如下承诺：作如下承诺：

3、“不用花一分钱即可入学、不就业不还学费、就业不做不用花一分钱即可入学、不就业不还学费、就业不做软件开发不还学费，让学员软件开发不还学费，让学员“就业后靠本人的才干逐渐归还学费就业后靠本人的才干逐渐归还学费。成都传智播客 cd.itcastJavascriptJavascript加强加强 讲师：蔡世友讲师：蔡世友 :caishiyousina 成都传智播客 cd.itcast阅读器的对象树l1. navigatorl 2. Windowdocument文档对象frame 框架对象location 位置对象history 历史对象links 链接对象archors 锚对象forms 表单对象ima

4、ges 图片对象成都传智播客 cd.itcastwindow对象常用方法lalert信息 ： 音讯框lprompt提示信息,默许值： 规范输入框lconfirm ： 确认框lopen ： 翻开一个新窗口lclose ： 封锁窗口成都传智播客 cd.itcastDocument对象Document对象：能反映当前页面的各种属性。对象：能反映当前页面的各种属性。Document对象的常用属性对象的常用属性 title:显示文章的标题。显示文章的标题。 bgColor:显示页面的背风光。显示页面的背风光。 fgColor:显示页面的前风光。显示页面的前风光。Document对象的常用方法：对象的常用

5、方法： write:在页面中输出文本。在页面中输出文本。 writeln:在页面中输出文本，并自动换行。在页面中输出文本，并自动换行。成都传智播客 cd.itcastForm表单对象l访问表单的方式访问表单的方式:ldocument.formsnl document.表单名字表单名字llll成都传智播客 cd.itcastForm表单属性属属 性性对应的对应的HTML标记标记说说 明明actionactionfrom action= 表单提交的目的地址表单提交的目的地址methodmethodform method= 表单提交方式表单提交方式namenameform name= 表单名称表单名

6、称成都传智播客 cd.itcastjavaScript定义函数的三种方式l正常方法正常方法lfunction printmsgl document.writemsg;l成都传智播客 cd.itcastjavaScrip定义函数的三种方式l函数直接量定义函数函数直接量定义函数l /运用函数直接量的方式定义函数运用函数直接量的方式定义函数l var result=functiona,breturn a+b;l l /调用运用函数直接量定义的函数调用运用函数直接量定义的函数l var sum=result7,8;l alertsum; l 注注:函数直接量是一个表达式，它可以定函数直接量是一个表达式

7、，它可以定义匿名函数义匿名函数 成都传智播客 cd.itcastjavaScrip定义函数的三种方式l构造函数方法构造函数方法 new Function;l /构造函数方式定义构造函数方式定义javascript函数函数 留留意意Function中的中的F大写大写l var add=new Functiona,b,return a+b;l /调用上面定义的调用上面定义的add函数函数l var sum=add3,4;l alertsum;l 注注:接受恣意多个字符串参数，最后一接受恣意多个字符串参数，最后一个参数是函数体。个参数是函数体。l 假设只传一个字符串，那么其就是假设只传一个字符串，那

8、么其就是函数体。函数体。成都传智播客 cd.itcastDOMDOMlDOM ：DOM是是Document Object Model文档对象模型的缩写。根据文档对象模型的缩写。根据W3C DOM规范规范,DOM是一种与阅读器，平台，言语无关的接口，使得是一种与阅读器，平台，言语无关的接口，使得他可以访问页面其他的规范组件他可以访问页面其他的规范组件l D：文档：文档 html 文档文档 或或 xml 文档文档l O：对象：对象 document 对象的属性和方法对象的属性和方法l M：模型：模型 l l DOM 是针对是针对xmlhtml的基于树的的基于树的API。l DOM树树:节点节点no

9、de的层次。的层次。l DOM 把一个文档表示为一棵家谱树父，子，兄弟把一个文档表示为一棵家谱树父，子，兄弟l DOM定义了定义了Node的接口以及许多种节点类型来表示的接口以及许多种节点类型来表示XML节点的多个节点的多个方面方面成都传智播客 cd.itcastDOM的构造成都传智播客 cd.itcastDOM的构造成都传智播客 cd.itcast节点及其类型节点节点 * 由构造图中我们可以看到，整个文档就是一个文档节点。由构造图中我们可以看到，整个文档就是一个文档节点。 * 而每一个而每一个HMTL标签都是一个元素节点。标签都是一个元素节点。 * 标签中的文字那么是文本节点。标签中的文字那

10、么是文本节点。 * 标签的属性是属性节点。标签的属性是属性节点。 * 一切都是节点一切都是节点节点树节点树 节点树的概念从图中一目了然，最上面的就是节点树的概念从图中一目了然，最上面的就是“树根了。节点树根了。节点之间有父子关系，祖先与子孙关系，兄妹关系。这些关系从图中之间有父子关系，祖先与子孙关系，兄妹关系。这些关系从图中也很美观出来，直接连线的就是父子关系了。而有一个父亲的就也很美观出来，直接连线的就是父子关系了。而有一个父亲的就是兄妹关系是兄妹关系 北京传智播客教育 itcastNODE接口的特性和方法特性特性/方法方法类型类型/返回类型返回类型说说 明明nodeNameString节点

11、的名字；根据节点的类型而定义nodeValueString节点的值；根据节点的类型而定义nodeTypeNumber节点的类型常量值之一ownerDocumentDocument指向这个节点所属的文档firstChildNode指向在childNodes列表中的第一个节点lastChildNode指向在childNodes列表中的最后一个节点childNodesNodeList所有子节点的列表previousSiblingNode指向前一个兄弟节点；假如这个节点就是第一个兄弟节点，那么该值为nullnextSiblingNode指向后一个兄弟节点；假如这个节点就是最后一个兄弟节点，那么该值为n

12、ullhasChildNodesBoolean当childNodes包含一个或多个节点时，返回真attributesNamedNodeMap包含了代表一个元素的特性的Attr对象；仅用于Element节点appendChildnodeNode将node添加到childNodes的末尾removeChildnodeNode从childNodes中删除nodereplaceChildnewnode, oldnodeNode将childNodes中的oldnode交换成newnodeinsertBeforenewnode, refnodeNode在childNodes中的refnode之前插入new

13、node成都传智播客 cd.itcast查找元素节点lgetElementByIdgetElementById l 寻觅一个有着给定寻觅一个有着给定 id id 属性值的元素，前往值是一个有着给定属性值的元素，前往值是一个有着给定 id id 属性值的元素节点。假设不存在这样的元素，它前往属性值的元素节点。假设不存在这样的元素，它前往 null. null.lvar oElement = document.getElementById var oElement = document.getElementById sID sID l 该方法只能用于该方法只能用于 document documen

14、t 对象对象 function test var usernameElement=document.getElementById“tid; /获取元素的值 alertusernameElement.value: +usernameElement.value /获取元素的类型 alertusernameElement.type: +usernameElement.type成都传智播客 cd.itcast查找元素节点getElementsByName寻觅有着给定寻觅有着给定name属性的一切元素，这个方法将前往一个节点集合，这个集合可以属性的一切元素，这个方法将前往一个节点集合，这个集合可以当作一

15、个数组来处置。这个集合的当作一个数组来处置。这个集合的 length 属性等于当前文档里有着给定属性等于当前文档里有着给定name属性的一切元素的总个数。属性的一切元素的总个数。 function test var tnameArray=document.getElementsByNametname; alerttnameArray.length; forvar i=0;itnameArray.length;i+ window.alerttnameArrayi.value; 成都传智播客 cd.itcast查找元素节点 /该方法前往是数组类型 var usernameElements=docu

16、ment.getElementsByNameusername; for var i = 0; i usernameElements.length; i+ /获取元素的类型 /alertusernameElementsi.type /获取元素value的值 /alertusernameElementsi.value; /采用函数直接量的方法 usernameElementsi.onchange = function alertthis.value; 成都传智播客 cd.itcast查找元素节点lgetElementsByTagNamel寻觅有着给定标签名的一切元素，这个方法将前往一个节点集合，这

17、个集寻觅有着给定标签名的一切元素，这个方法将前往一个节点集合，这个集合可以当作一个数组来处置。这个集合的合可以当作一个数组来处置。这个集合的 length 属性等于当前文档里有属性等于当前文档里有着给定标签名的一切元素的总个数。着给定标签名的一切元素的总个数。l var elements = document.getElementsByTagNametagName;l var elements = element.getElementsByTagNametagName;l该方法不用非得用在整个文档上。它也可以用来在某个特定元素的子节点该方法不用非得用在整个文档上。它也可以用来在某个特定元素的子

18、节点当中寻觅有着给定标签名的元素。当中寻觅有着给定标签名的元素。l var container = document.getElementById“sid;l var elements = container.getElementsByTagName“p;l alertelements .length;成都传智播客 cd.itcast查找元素节点 var inputElements=document.getElementsByTagNameinput; forvar i=0;iinputElements.length;i+ if inputElements.type != submit inp

19、utElementsi.onchange = function alertthis.value ; var selectElements=document.getElementsByTagNameselect; for var i = 0; i selectElements.length; i+ selectElementsi.onchange=function alertthis.value; 成都传智播客 cd.itcast查找元素节点 var inputElements=document.getElementsByTagNameinput; forvar i=0;iinputElemen

20、ts.length;i+ if inputElements.type != submit inputElementsi.onchange = function alertthis.value ; var selectElements=document.getElementsByTagNameselect; for var i = 0; i selectElements.length; i+ selectElementsi.onchange=function alertthis.value; 成都传智播客 cd.itcast查找元素节点 var textareaElements=document

21、.getElementsByTagNametextarea; for var i = 0; i textareaElements.length; i+ textareaElementsi.onchange = function alertthis.value; ; 成都传智播客 cd.itcastDOM 属性 - nodeNamel文档里的每个节点都有以下属性。lnodeName:一个字符串，其内容是给定节点的名字。l var name = node.nodeName;l * 假设节点是元素节点，nodeName前往这个元素的称号l * 假设是属性节点，nodeName前往这个属性的称号l *

22、 假设是文本节点，nodeName前往一个内容为#text 的字符串 l注:nodeName 是一个只读属性。成都传智播客 cd.itcastDOM 属性 - nodeTypelnodeType：前往一个整数，这个数值代表着给定节点的类型。lnodeType 属性前往的整数值对应着 12 种节点类型,常用的有三种：lNode.ELEMENT_NODE -1 - 元素节点lNode.ATTRIBUTE_NODE -2 - 属性节点lNode.TEXT_NODE -3 - 文本节点lnodeType 是个只读属性成都传智播客 cd.itcastDOM 属性 - nodeValuelnodeValu

23、e：前往给定节点的当前值字符串l 假设给定节点是一个属性节点，前往值是这个属性的值。l 假设给定节点是一个文本节点，前往值是这个文本节点的内容。l 假设给定节点是一个元素节点，前往值是 nulll nodeValue 是一个 读/写 属性，但不能对元素节点的 nodeValue 属性设置值，l 但可以为文本节点的 nodeValue 属性设置一个值。l var li = document.getElementById“li;l ifli.firstChild.nodeType = 3l li.firstChild.nodeValue = “国庆60年;成都传智播客 cd.itcast元素节点/

24、测试元素节点,输出节点称号,节点的类型,节点的值 var liElements=document.getElementsByTagNameli; forvar i=0;iliElements.length;i+ alertliElementsi.nodeName; alertliElementsi.nodeType; aler成都传智播客 cd.itcast文本节点 /测试元素节点,输出节点称号,节点的类型,节点的值 var liElements=document.getElementsByTagNameli; forvar i=0;iliElements.length;i+ alertliE

25、lementsi.childNodes0.nodeName; alertliElementsi.childNodes0.nodeType; alertliElementsi.childNodes0.nodeValue; liElementsi.childNodes0.nodeValue=南京; alertliElementsi.childNodes0.nodeValue; /另一种读取方法 alertliElementsi.firstChild.nodeName; alertliElementsi.firstChild.nodeType; alertliElementsi.firstChild

26、.nodeValue; 成都传智播客 cd.itcast查看能否存在子节点lhasChildNodesl该方法用来检查一个元素能否有子节点，前往值是 true 或 false.l var booleanValue = element.hasChildNodes;l文本节点和属性节点不能够再包含任何子节点，所以对这两类节点运用 hasChildNodes 方法的前往值永远是 false.l假设 hasChildNodes 方法的前往值是 false，那么 childNodes,firstChild,lastChild 将是空数组和空字符串。 var selectElements=document

27、.getElementsByTagNameselect; alertselectElements0.hasChildNodesvar inputElements=document.getElementsByTagNameinput;forvar i=0;iinputElements.length;i+ alertinputElementsi.hasChildNodes;成都传智播客 cd.itcast遍历节点树lchildNodes：前往一个数组，这个数组由给定元素节点的子节点构成：lvar nodeList = node.childNodes;l文本节点和属性节点都不能够再包含任何子节点，所

28、以它们的 ChildNodes 属性永远会前往一个空数组。l假想象知道某个元素有没有子节点，可以用 hasChildNodes 方法。l假想象知道某个元素有多少个子节点，可以用 childNodes 数组的 length 属性。lchildNodes 属性是一个只读属性。成都传智播客 cd.itcast获取第一个子节点lfirstChild：该属性前往一个给定元素节点的第一个子节点，前往这个节点对象的指针。l var reference = node.firstChild;l文本节点和属性节点都不能够包含任何子节点，所以它们的 firstChild 属性永远会前往 null。l某个元素的 fi

29、rstChild 属性等价于这个元素的 childNodes 节点集合中的第一个节点，即：l var reference = node.ChildNodes0;lfirstChild 属性是一个只读属性。成都传智播客 cd.itcast获取最后一个子节点llastChild：对应 firstChild 的一个属性。lnextSibling: 前往一个给定节点的下一个兄弟节点。lparentNode：前往一个给定节点的父节点。lparentNode 属性前往的节点永远是一个元素节点，由于只需元素节点才有能够包含子节点。ldocument 节点的没有父节点。lpreviousSibling：前往一

30、个给定节点的上一个兄弟节点成都传智播客 cd.itcast练习问题: 打印 明天休憩 利用两种方法 提示:运用firstChild lastChild childNodes成都传智播客 cd.itcast练习问题:打印出 id=“bj 该节点的一切子节点的nodeName, nodeType, nodeValue同时打印文本值 北京 海淀 奥运 成都传智播客 cd.itcast练习问题: 输出一切select元素下的一切option元素中对应的文本内容 例如:中专 输出-中专成都传智播客 cd.itcast查找属性节点lgetAttribute l前往一个给定元素的一个给定属性节点的值lvar

31、 attributeValue = element.getAttributeattributeName;l给定属性的名字必需以字符串的方式传送给该方法。l给定属性的值将以字符串的方式前往，假设给定属性不存在，getAttribute 将前往一个空字符串.l经过属性获取属性节点l getAttributeNode属性的称号-Nodel l 成都传智播客 cd.itcast查找属性节点 北京 /经过属性名获取属性的值 var bjElement=document.getElementByIdbj; var attributeValue=eduElement.getAttributename; al

32、ertattributeValue +attributeValue; /经过属性名获取属性的节点 var bjNode=eduElement.getAttributeNodename; alerteduNode.nodeValue; alerteduNode.nodeType; alerteduNode.nodeName; 成都传智播客 cd.itcast设置属性节点lsetAttributel将给定元素节点添加一个新的属性值或改动它的现有属性的值。l element.setAttributeattributeName,attributeValue;l属性的名字和值必需以字符串的方式传送给此方

33、法l假设这个属性曾经存在，它的值将被刷新；l假设不存在，setAttribute方法将先创建它再为其赋值。l l 成都传智播客 cd.itcast设置属性节点 北京 /获取元素的援用 var bjElement=document.getElementByIdbj; /设置属性值 bjElement.setAttributename,; /获取设置的属性值 var nameValue=bjElement.getAttributename; alertnameValue +nameValue;成都传智播客 cd.itcast创建新元素节点创建新元素节点lcreateElementcreateEle

34、mentl按照给定的标签名创建一个新的元素节点。方法按照给定的标签名创建一个新的元素节点。方法只需一个参数：将被创建的元素的名字，是一个只需一个参数：将被创建的元素的名字，是一个字符串字符串. .l var reference = document.createElement var reference = document.createElementelementelement; ;l方法的前往值：是一个指向新建节点的援用指针方法的前往值：是一个指向新建节点的援用指针。前往值是一个元素节点，所以它的。前往值是一个元素节点，所以它的 nodeType nodeType 属性值等于属性值等于 1

35、 1。l新元素节点不会自动添加到文档里，新节点没有新元素节点不会自动添加到文档里，新节点没有 nodeParent nodeParent 属性，它只是一个存在于属性，它只是一个存在于 JavaScript JavaScript 上下文的对象上下文的对象. .lvar pElement = document.createElementvar pElement = document.createElementpp; ;l l 成都传智播客 cd.itcast设置属性节点 /创建一个新的元素 var pElement=document.createElementli; /设置属性值 pElement

36、.setAttributeid,pid; /获取父元素 var loveElement=document.getElementByIdlove; /在父元素中添加子元素loveElement.appendChildpElement; /经过id获取刚创建的元素 var pidElement=document.getElementByIdpid; alertpidElement.getAttributeid;成都传智播客 cd.itcast创建新文本节点lcreateTextNodecreateTextNodel创建一个包含着给定文本的新文本节点创建一个包含着给定文本的新文本节点。这个方法的前往

37、值是一个指向新建文。这个方法的前往值是一个指向新建文本节点援用指针。本节点援用指针。l var textNode = var textNode = document.createTextNodedocument.createTextNodetexttext; ;l方法只需一个参数：新建文本节点所包方法只需一个参数：新建文本节点所包含的文本字符串含的文本字符串l方法的前往值：是一个指向新建节点的方法的前往值：是一个指向新建节点的援用指针。它是一个文本节点，所以它援用指针。它是一个文本节点，所以它的的 nodeType nodeType 属性等于属性等于 3. 3.l新元素节点不会自动添加到文档里

38、，新新元素节点不会自动添加到文档里，新节点没有节点没有 nodeParent nodeParent 属性属性l l var var pElementText=document.createElementpElementText=document.createElementlili; ;l var var textElement=document.createTextNodetextElement=document.createTextNode 南京南京 ; ;l pElementText.appendChild pElementText.appendChildtextElementtextEl

39、ement; ;成都传智播客 cd.itcast插入节点1lappendChildl为给定元素添加一个子节点： l var newreference = element.appendChildnewChild. l 给定子节点 newChild 将成为给定元素节点 element 的最后一个子节点。l方法的前往值是一个指向新增子节点的援用指针。l该方法通常与 createElement createTextNode 配合运用l新节点可以被追加给文档中的任何一个元素 var newliElement=document.createElementli; var textNode=document.

40、createTextNode北京北京; newliElement.appendChildtextNode; document.body.appendChildnewliElement; var liElement=document.getElementsByTagNameli; var textValue=liElement0.firstChild.nodeValue; alerttextValue;成都传智播客 cd.itcast练习l问题: 在id=edu下添加大专成都传智播客 cd.itcast插入节点2linsertBeforeinsertBeforel把一个给定节点插入到一个给定元素

41、节点的给定子节点的前面把一个给定节点插入到一个给定元素节点的给定子节点的前面l var reference = element.insertBeforevar reference = element.insertBeforenewNode,targetNodenewNode,targetNode; ;l 节点节点 newNode newNode 将被插入到元素节点将被插入到元素节点 element element 中并出如今节点中并出如今节点 targetNode targetNode 的前面的前面. .l节点节点 targetNode targetNode 必需是必需是 element el

42、ement 元素的一个子节点。元素的一个子节点。l该方法通常与该方法通常与 createElementcreateElement 和和 createTextNodecreateTextNode 配合配合运用运用 北京北京 上海上海 /获取父节点获取父节点 var parentCityNode=document.getElementByIdcity; /获取子节点获取子节点 var beijingNode=document.getElementById; var shanghaiNode=document.getElementByIdshanghai; /插入插入 parentCityNode.

43、insertBeforeshanghaiNode,beijingNode;成都传智播客 cd.itcast插入节点2 北京 /获取父节点 var parentCityNode=document.getElementByIdcity; /获取子节点 var beijingNode=document.getElementById; /创建节点newShanghaiNode var newShanghaiNode=document.createElementli; /创建newShanghaiNode节点的文本节点 var newTextNode=document.createTextNode上海;

44、/在创建的节点上添加文本 newShanghaiNode.appendChildnewTextNode; /插入节点 parentCityNode.insertBeforenewShanghaiNode,beijingNode;成都传智播客 cd.itcast插入节点3lDOM 没有提供 insertAfter 方法function insertAfternewElement,targetElement /获取目的元素的父节点获取目的元素的父节点var parentElement=targetElement.parentNode; /假设目的元素是最后一个元素假设目的元素是最后一个元素,那么新

45、元素插入到目的元素的后面那么新元素插入到目的元素的后面ifparentElement.lastChild=targetElement parentElement.appendChildnewElement;else/假设目的元素不是最后一个元素假设目的元素不是最后一个元素,那么新元素插入到目的元素的的那么新元素插入到目的元素的的 /下一个兄弟节点的前面下一个兄弟节点的前面,即目的元素的后面即目的元素的后面 parentElement.insertBeforenewElement,targetElement.nextSibling; 成都传智播客 cd.itcast删除节点lremoveChil

46、dl从一个给定元素里删除一个子节点l var reference = element.removeChildnode;l前往值是一个指向已被删除的子节点的援用指针。l某个节点被removeChild方法删除时,这个节点所包含的一切子节点将同时被删除。 北京北京 var ulElement=document.getElementByIdcity; var liElement=document.getElementById; ulElement.removeChildliElement;l假想象删除某个节点，但不知道它的父节点是哪一个，假想象删除某个节点，但不知道它的父节点是哪一个，parentN

47、ode parentNode 属性可以协助。属性可以协助。 北京北京 var liElement=document.getElementById; var parentElement=liElement.parentNode; parentElement.removeChildliElement;成都传智播客 cd.itcast交换节点lreplaceChildl把一个给定父元素里的一个子节点交换为另外一个子节点lvar reference = element.replaceChildnewChild,oldChild;l前往值是一个指向已被交换的那个子节点的援用指针。l假设被插入的子节点还有

48、子节点，那么那些子节点也被插入到目的节点中l l 成都传智播客 cd.itcast练习l问题:当单击北京这个节点时,北京这个节点被l 反恐精英交换成都传智播客 cd.itcast交换节点的例子 /方法一/ var cityElement=document.getElementByIdcity;/ var loveElement=document.getElementByIdlove;/ var cityChildElement=document.getElementById;/ var loveChildElement=document.getElementByIdfankong;/ var

49、oldElement=cityElement.replaceChildloveChildElement,cityChildElement;/ loveElement.appendChildoldElement;/ alertoldElement.getAttributeid; var cityElement=document.getElementByIdcity; cityElement.onclick=function var cityChildElement=document.getElementById; var loveChildElement=document.getElementB

50、yIdfankong; var oldElement=cityElement.replaceChildloveChildElement,cityChildElement; loveElement.appendChildoldElement; alertoldElement.getAttributeid; 成都传智播客 cd.itcastinnerHTML属性l阅读器几乎都支持该属性，但不是 DOM 规范的组成部分。linnerHTML 属性可以用来读，写某给定元素里的 HTML 内容。 var divElement=document.getElementByIdcity; divElement

51、.innerHTML=北京北京;成都传智播客 cd.itcast显示弹出窗口方案一l语法：语法：lvReturnValue = window . showModalDialog sURL,l vArguments , sFeatures l参数阐明：参数阐明： lsURL-必选参数必选参数,用来指定对话框要显示的文档的用来指定对话框要显示的文档的URL。 lvArguments-可选参数，用来向对话框传送参数。传可选参数，用来向对话框传送参数。传送的参数类型不限，包括数组等。对话框经过送的参数类型不限，包括数组等。对话框经过window.dialogArguments来获得传送进来的参数。来获

52、得传送进来的参数。 lsFeatures-可选参数，用来描画对话框的外观等信息可选参数，用来描画对话框的外观等信息，可以运用一个或几个，用分号，可以运用一个或几个，用分号“;隔开。隔开。成都传智播客 cd.itcast显示弹出窗口方案二window.open window.opener 的用法的用法 window.opener 前往的是创建当前窗口的那个窗口的前往的是创建当前窗口的那个窗口的援用，比如点击了援用，比如点击了a.htm上的一个链接而翻开了上的一个链接而翻开了b.htm，然后我们计划在然后我们计划在b.htm上输入一个值然后赋予上输入一个值然后赋予a.htm上的上的一个一个id为为

53、“name的的text中，就可以写为：中，就可以写为： window.opener.document.getElementByIdname.value = 输入的数据输入的数据;成都传智播客 cd.itcast练习练习1 1：成都传智播客 cd.itcast练习练习2 2：l当 checkbox 节点有 checked 属性时, 在 HTML 页面上即表现为 被选中l利用 setAttributechecked, checked; 实现选中, setAttributechecked,null; 实现不被选中l也可以利用 document.getElementByIdcheckedAll_2.c

54、hecked = checked; 实现选中, l利用 document.getElementByIdcheckedAll_2.checked = null; 实现不被选中成都传智播客 cd.itcast练习练习3 3：成都传智播客 cd.itcast练习练习4 4：成都传智播客 cd.itcast解析xml function parseXMLfilename var xmlDoc; try /Internet Explorer xmlDoc = new ActiveXObjectMicrosoft.XMLDOM; catch e try /Firefox, Mozilla, Opera, etc. xmlDoc = document.i