JavaScript和Java区别解读.ppt

浏览器对象举例 跳转网页 window.location.href(test1.html); 重新加载 window.location.reload(jsjl.html); 替换网页 window.location.replace(t1.html); 文档对象模型 window screen history document location frame archors links area forms applets images plugins text textarea password radio reset submit checkbox button select option file 各种浏览器对象形成了一种层次模型，我们称其为文档对象模型（Document Object Model），简称DOM 浏览器对象的引用方式 对应于文档对象模型中的层次关系，JavaScript对浏览器对象的引用是逐层引用 例如：在引用forms对象时，使用 window.document.forms 通过对象的name属性来引用 例如：引用一个name属性是form1的表单对象，使用window.document.form1。 数组型浏览器对象的引用 在文档对象模型中，有些对象属于数组型对象，如document对象下一层的images、links、forms等对象，在引用这种数组对象时，可以使用对象在数组中的位置(下标)来引用 例如：window.document.forms[0]，表示引用文档中的第一个表单。 注： Window对象作为文档对象模型中的最顶层对象，JavaScript认为它是默认的，因此可以不写出来。如：window.document.forms可以写成document.forms window对象 介绍：Window对象也就是窗口对象，处于文档对象模型的最顶层，代表当前浏览器窗口。 主要介绍两个方法： open(“url”, [“window name”[, “window feature”]]) 功能：打开一个新的窗口 参数说明： url:要打开窗口的url地址 Window name是新打开窗口的名称 Window features 是新窗口的实际特性（窗口的外观）可选项 Window features的可能参数： height 窗口的高度 width 窗口的宽度 menubar是否有菜单 scrollbars 是否有滚动条 resizable 窗口大小是否可以改变 close() 功能：关闭窗口 window对象－－示例 script language=JavaScript function creatwindow(){ window.open(1.html,mywindow,menubar=no,height=200,width=300); } function closewindow(){ window.close(); } /script body form input type=button value=创建窗口 onclick=creatwindow() input type=button value=关闭窗口 onclick=closewindow() /form /body window的三种对话框方法 alert()方法 弹出一个显示信息的警示对话框 alert(您好) confirm()方法 弹出带有提示信息的确认对话框 confirm(确认删除吗?) prompt()方法 弹出一个带有输入信息的对话框 name=prompt(请输入你的名字) document对象 document对象是JavaScript实现网页各种功能中最常用的基本对象之一，它代表浏览器窗口中的文档，可以用来处理文档中包含的html元素，如表单，图像，超链接等。 write() 作用：向文档中写入文本 举例说明 script language=JavaScript document.write(欢迎大家); /script document对象(续) getElementsByName() 通过html标签的name属性来获得一些元素对象 返回的是具有相同name属性的html元素对象数组 getElementById() 通过html标签的id属性来获得一个html元素对象 返回具有该id属性的html元素对象 htmlhead script language=JavaScript function check(){ var name = document.getElementsByName(name); var age = document.getElementById(age);