第09章JavaScript脚本语言分析.pptVIP

9.1 JavaScript 概述 9.2 数据类型与表达式 9.3 JavaScript的控制流 9.4 JavaScript 函数 9.4 JavaScript 的对象 ( 3).Window 对象的事件 onLoad事件：当HTML文件被浏览器打开时激活该事件 onUnload事件：在浏览器关闭HTML时，被激活 onFocus事件：在窗口获得焦点时发生 onBlur事件：在窗口失去焦点时发生 onResize事件：在改变窗口大小时发生 如：BODY onLoad=“window.alert(“欢迎浏览本页”)” onUnload=“window.alert(“谢谢您的光临，欢迎再次光临”)” 例9.5 设计一个网页，其中只有一个“打开新窗口”按纽，单击该按纽可以打开一个230*160大小的子窗口。当在子窗口中单击“改变主窗口背景颜色”时主窗口背景变成黄色，再次单击时背景变成浅蓝色。 2. Document 对象 Document对象是Window对象中的一个非常重要的对象，即在窗口中打开的文档，对文档整体的描述和操作，都可以通过Document对象的属性和方法完成。层次结构图如下： Document link image applet Document 对象的层次结构 form anchor Document 文档的属性表见表9.5 在Document对象中，常用的方法为write和writeln,用于输出字符串到HTML的当前位置。在客户端脚本程序中，利用Document的write方法，可以使网页显示的更加灵活。 如：document.write(k) document.writeln(k) Document对象的子对象是它的重要组成部分， 包括： 链接link对象：link对象指的 是用A Href=…/A标记的连接一个超文本或超媒体的元素作为一个特定的URL。 属性：Href,Target,links,length 事件：onClick,onMouseUp, onMouseOver, onMouseDown, onMouseOut (2)anchor锚对象：anchor对象指的是A Name=…/A标记在HTML源代码中存在时产生的对象。 属性：Name 事件： 无 方法：无 （3）image对象： image对象是由 IMG Src=“ ”… 创建 属性： Border,Height,Name,Width,Src,Complete 其中Complete为布尔型，用来指示图片是否加载完毕。通过Src属性可以动态改变图片。 事件：onLoad 方法：无 这些子对象被存储在Document对象的属性中。要访问时，语法为： Document.Forms|Links|anchors.[index] 3. Form 对象 当HTML文档中包含表单时，将创建表单对象，一个表单对应一个表单对象，它们均为Document对象的子对象，保存在Document对象的forms属性中。 例document.forms(0) FORM NAME=“feedback” 定义表单 document.feedback 访问表单 属性： Action,Element[ ,encoding,Method,Name,Target 方法：reset(),submit() 事件：onReset,onSumit 表9.6 FORM子对象常用的属性、方法与事件 例9.6 利用客户端脚本程序和网页对象实现客户端浏览器中求一个数的阶乘 5. History 对象 历史对象，为Window的子对象，用来记录浏览器访问过的URL。通过它可以使浏览器转到曾经浏览过的页面。 属性：current,next,previous,length Length为历史记录列表的元素个数 方法：（1）back()方法：回退到上一记录 （2）forward方法：前进到下一记录 （3）go()方法：转到某一页面。格式为： [window.]history.go(val) val为正值时表示前进到某页面 val为负值时表示后退到某页面 6. IE 4.0的 对象 以上所讨论的对象是Navigator和IE共有的对象，而对于目前使用最多的IE浏览器，还有一些自己的对象。 见IE4.0提供的新属性和方法