（中职）JavaScript项目式实例教程项目五电子课件工信版

(中职)JavaScript项目式实例教程项目五电子课件工信版 项目五 多窗体注册页面 —— 窗口对象 JavaScript项目式实例教程 设计一个多窗体的用户注册页面,具体需求如下: ①如图5.1所示,在首页上有一个“注册”按钮,点击可以进入如图5.2的注册页面。首页窗体状态栏上有一行文字“欢迎您光临本站!”从右向左循环滚动。 项目情境 图5.1 首页 图5.1 首页 图5.2 注册页面 JavaScript项目式实例教程 项目情境 ②打开如图5.2所示注册页面,默认尺寸为280*400像素。点击“注册须知”按钮打开一个对话框窗口(如图5.3),此对话框窗口尺寸为200*200像素,点击其中的“关闭”链接,可以关闭此对话框窗口。 图5.3 注册须知 JavaScript项目式实例教程 项目情境 ③在图5.2的注册页面的简介文本区域框中填入简介信息,点击“编辑>>”按钮,打开如图5.4所示的页面,在该页面中可以重新编辑简介信息,编辑完成后,点击“确定修改并关闭本窗口”按钮,将本窗口关闭,并且把重新编辑的简介信息更新到注册页面的简介文本区域框中。 图5.4 编辑简介页面 JavaScript项目式实例教程 项目情境 ④点击图5.2注册页面中的“首页”按钮,页面跳转到图5.1所示的首页,点击“关闭”按钮,直接关闭注册页面。 JavaScript项目式实例教程 掌握窗体对象Window的常用属性和方法。 掌握地址对象Location的常用属性和方法。 掌握历史对象History的常用属性和方法。 掌握屏幕对象Screen的常用属性和方法。 掌握浏览器对象Navigator的常用属性和方法。 学习目标 JavaScript项目式实例教程 在如图5.5的页面上有三个按钮,点击“关闭本窗口”按钮,弹出如图5.6所示的关闭窗口选择对话框,点击“是”按钮,当前窗口关闭,点击“否”,不关闭当前窗口。点击“立即关闭本窗口”按钮,窗口立即关闭,不弹出如图5.6所示的选择对话框。点击“打开子窗口”按钮,打开如图5.7所示的窗口,点击该窗口上的“关闭本窗口”按钮,窗口立即关闭,不弹出如图5.6所示的选择对话框。 任务1 打开和关闭窗口 图5.5 主窗口 图5.6 关闭窗口选择对话框 图5.7 子窗口 JavaScript项目式实例教程 1、窗口对象Window Window对象代表的是整个浏览器窗口。 【相关知识】 属性 描述 closed 获取引用窗口是否已关闭。 defaultStatus 设置或获取要在窗口底部的状态栏上显示的缺省信息。 dialogArguments 设置或获取传递给模式对话框窗口的变量或变量数组。 dialogHeight 设置或获取模式对话框的高度。 dialogLeft 设置或获取模式对话框的左坐标。 dialogTop 设置或获取模式对话框的顶坐标。 dialogWidth 设置或获取模式对话框的宽度。 frameElement 获取在父文档中生成 window 的 frame 或 iframe 对象。 length 设置或获取集合中对象的数目。 name 设置或获取表明窗口名称的值。 offscreenBuffering 设置或获取对象在对用户可见之前是否要先在屏幕外绘制。 opener 设置或获取创建当前窗口的窗口的引用。 parent 获取对象层次中的父窗口。 returnValue 设置或获取从模式对话框返回的值。 screenLeft 获取浏览器客户区左上角相对于屏幕左上角的 x 坐标。 screenTop 获取浏览器客户区左上角相对于屏幕左上角的 y 坐标。 self 获取对当前窗口或框架的引用。 status 设置或获取位于窗口底部状态栏的信息。 top 获取最顶层的祖先窗口。 JavaScript项目式实例教程 【相关知识】 事件 描述 onblur 在对象失去输入焦点时触发。 onerror 当对象装载过程中发生错误时触发。 onfocus 当对象获得焦点时触发。 onload 在浏览器完成对象的装载后立即触发。 onmove 当对象移动时触发。 onmoveend 当对象停止移动时触发。 onmovestart 当对象开始移动时触发。 onresize 当对象的大小将要改变时触发。 onresizeend 当用户更改完控件选中区中对象的尺寸时触发。 onresizestart 当用户开始更改控件选中区中对象的尺寸时触发。 onscroll 当用户滚动对象的滚动条时触发。 onunload 在对象卸载前立即触发。 JavaScript项目式实例教程 【相关知识】 方法 描述 alert 显示包含由应用程序自定义消息的对话框。 blur 使元素失去焦点并触发