JS窗体对象(自学).ppt

JavaScript窗体对象 本课目标 进一步理解JS中的对象 Window对象的理解及使用 Document对象的理解及使用 Form对象的理解及使用 Form子对象Button、Radio等的理解及使用 Window对象 Window对象可以理解为窗口本身 使用Window对象可以完成打开新窗口、显示特定的信息内容、让网页的显示多样化等功能 var win = Window.open([url], [name] , [features] , [replace]); url：新窗口的路径 name：新窗口名称 features：新窗口属性，如：宽度、高度等 replace：是否保留历史数据 Window属性 Window方法 　alert() 打开一个Alert消息框 　　clearTimeout() 用来终止setTimeout方法的工作 　　close() 关闭窗口 　　confirm() 打开一个Confirm消息框,用户可以选择OK或Cancel,如果用户单击OK,该方法返回 true,单击Cancel返回false 　　blur() 把焦点从指定窗口移开(这是Netscape Navigator 3.0 beta 3引入的新方法) 　　focus() 把指定的窗口带到前台(另一个新方法) 　　open() 打开一个新窗口 　　prompt() 打开一个Prompt对话框,用户可向该框键入文本,并把键入的文本返回到脚本 　　setTimeout() 等待一段指定的毫秒数时间,然后运行指令事件处理程序 　　事件处理程序 　　Onload() 页面载入时触发 　　Onunload() 页面关闭时触发 Window对象示例 Document对象 该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档 Document对象可以理解为存放所有HTML内容的地方，通过它可以得到HTML页面上的对象 通过操作Document对象可以完成设置页面文字，在界面上加入文字、图像，改变文件标记内容等操作 Document对象的属性 Document对象的属性(续) Document方法 clear 清除指定文档的内容 close 关闭文档流 open 打开文档流 write 把文本写入文档 writeln 把文本写入文档,并以换行符结尾 Document对象示例-1 利用Document对象设置页面背景颜色，文字颜色，超链颜色 Document对象示例-2 利用Document对象向界面中加入内容 Document对象示例-3 利用Document对象改变标记内容 Form对象 Form对象是界面与用户建立交互的总要对象 在Form中可以建立如button、radio等子对象，通过JS程序代码可以控制子对象的数据 JS代码与Form对象及其子对象的结合使用可以更好的完成界面与用户交互的工作 Form对象示例-1 我们可以使用Form对象和Form子对象的名称存取其数据 Form对象示例-2 子对象Radio的使用 Form对象示例-3 子对象Checkbox的使用 Form对象示例-4 子对象Select的使用 总结 JS各种界面对象的使用可以灵活的控制界面的各个元素 JS的界面对象有许多方法和属性提供给我们使用 Window对象代表了窗口本身，使用它进行窗口的操作 通过Document可以得到HTML页面上的对象 使用Form子对象操作HTML的表单 JS框架对象能存取与设置HTML框架的数据 * * 当前窗口或框架的同义词,与self相同 window 包含当前框架的最顶层浏览器窗口的同义词