日期：2015/6/28来源: IT猫扑网
在javaScript脚本中，其他常用的事件如下表所示
常用事件
事件 描述
-----------------------------------------------------------------------------------
onAbort事件 当页面上图像没完全下载时，访问者单击浏览器上停止按钮的事件，适用于Netscape Communicator 3.0及以上，Internet Explore 4.0及以上浏览器。
onAfterUpdate事件 页面特定数据元素完成更新的事件，适用于Internet Explore4.0及以上浏览器
onBeforeUpdate事件 页面特定数据元素被改变且失去焦点的事件，适用于Internet Explore4.0及以上浏览器
onBounce事件 移动的Marquee文字到达移动区域边界的事件，适用于Internet Explore4.0及以上浏览器
onError事件 页面或页面图像下载出错事件，适用于Netscape Communicator 3.0及以上，Internet Explore 4.0及以上浏览器。
onFinish事件 移动的Marquee文字完成一次移动的事件，适用于Internet Explore4.0及以上浏览器
onHelp事件 访问者单击浏览器上帮助按钮的事件，适用于Internet Explore4.0及以上浏览器
onKeyDown事件 访问者按下键盘一个或几个键的事件，适用于Netscape Communicator 4.0及以上，Internet Explore 4.0及以上浏览器。
onKeyPress事件 访问者按下键盘一个或几个键后且释放的事件，适用于Netscape Communicator 4.0及以上，Internet Explore 4.0及以上浏览器。
onKeyUp事件 访问者按下键盘一个或几个键后且释放的事件，适用于Netscape Communicator 4.0及以上，Internet Explore 4.0及以上浏览器。
onMouseDown事件 访问者按下鼠标按钮的事件，适用于Netscape Communicator 3.0及以上，Internet Explore 4.0及以上浏览器。
onMouseMove事件 访问者鼠标在某页面元素范围内移动的事件，适用于Netscape Communicator 4.0及以上，Internet Explore 4.0及以上浏览器。
onMouseUp事件 访问者松开鼠标按钮的事件，适用于Netscape Communicator 3.0及以上，Internet Explore 4.0及以上浏览器。
onMove事件 窗口或窗框被移动的事件，适用于Internet Explore 4.0及以上浏览器。
onReadyStateChange事件 特定页面元素状态被改变的事件，适用于Internet Explore 4.0及以上浏览器。
onReset事件 页面上表单元素的值被重置的事件，适用于Netscape Communicator 3.0及以上，Internet Explore 3.0及以上浏览器。
onResize事件 访问者改变窗口或窗框大小的事件，适用于Netscape Communicator 4.0及以上，Internet Explore 4.0及以上浏览器。
onScroll事件 访问者使用滚动条的事件，适用于Internet Explore 4.0及以上浏览器。
onStart事件 Marquee文字开始移动的事件，适用于Internet Explore 4.0及以上浏览器。
onSubmit事件 页面上表单被提交的事件，适用于Netscape Communicator 3.0及以上，Internet Explore 3.0及以上浏览器。
JavaScript的对象
面向对象的程序设计方法并不是一个新概念，它的历史可以追溯到30年前。目前，面向对象的设计方法被认为是一种比较成功和成熟的设计方法，广泛地应用在各种程序设计语言中。典型的面向对象的程序设计方法有以下3个特性：
● 封装性（Encapsulation）：封装是面向对象的程序设计方法的一个重要的设计原则，也就是将对象中的各种属性和方法按照适当的安排，给定一组可以提供给外部使用者访问的权限，从而保证使用者不会因为错误的、恶意的或者是非授权的对象内部细节的访问而影响对象、甚至这个程序的各种行为。另外，如果这些对象的外部使用的方法和功能不发生改变，那么使用这些对象的程序也不会发生变化。
● 继承性（Inheritance）：从一种对象类型引申到另外一种对象的类型的主要的方法就是继承。这样，子对象就可以继承父对象所有已经定义好的属性和方法，而不必重新定义这些属性和方法。如果子对象有自己独有的属性和方法，可以在继承的时候单独定义。通过这样的操作，子对象就可以拥有一部分父对象的内容，并还可以拥有一部分自己独有的内容。
● 多态性（Polymorphism）：随着基本对象类型以及各种继承对象类型的不断增加，对这些对象所拥有的各种方法进行管理就成为一个非常重要的问题。在传统的面向过程的的语言中，一般不允许使用同样的名字来命名一个函数或是方法，即使这些函数的处理功能是相同的。在面向对象的程序设计中，由于各种方法所从属的对象本身旧有一定的层次关系。对完成同样功能的方法，就可以起同样的名字。于是，大大简化了对象方法的调用的过程，使用者只要记住一些基本的操作，剩余的工作交给程序完成就可以了。
JavaScript语言是基于对象的（Object-Based），把复杂对象统一起来，从而形成一个非常强大的对象系统。JavaScript实际上并不完全支持面向对象的程序设计方法。例如，它不支持分类、继承和封装等面向对象的基本特性。JavaScript可以说市一种基于对象的脚本语言，它支持开发对象类型以及根据这些对象产生一定数量的实例。同时它还支持开发对象的可重用性，以便实现一次开发、多次使用的目的。
在JavaScript中我们可以使用以下几种对象：
● 由浏览器根据Web页面的内容自动提供的对象
● JavaScript内置的对象，如Data、Math以及String
● 用户自定义的对象
浏览器对象
浏览器对象就是网页和浏览器本身各种实体元素在JavaScript程序中的体现。这样的浏览器对象主要包括以下几个
● Navigator：管理者当前使用浏览器的版本号、运行的平台以及浏览器使用的语言等信息。
● Windows对象：处于整个从属表的最顶级位置。每一个这样的对象代表一个浏览器窗口。
● Location对象：含有当前网页的URL地址。
● Document对象： 含有当前网页的各种特性，例如标题、背景感以及使用的语言等。
● History对象：含有以前访问过的网页的URL地址。
使用浏览器的内部对象系统，可实现于HTML文档进行交互。它的作用是将相关元素组织包装起来，提供给程序设计人员使用，从而减轻编程人的劳动，提高设计Web页面的能力。
1.Navigator对象
Navigator对象提供关于整个浏览器环境的信息，浏览器对象Navigator中常用的属性有如下几项：
● AppName：提供字符串形式的浏览器名称。在使用Navigator时，appName的值为NetScape；在使用Internet Explorer时， appName的值为MSIE。
● AppVersion： 反映浏览器的版本号。
● AppCodeName：反映用字符串表示的当前浏览器的代码名字。对于Navigator的所有版本，这个值都是Mozilla。
文件范例：15-24.htm
在脚本中使用Navigator对象。
01 <!-- ------------------------------ -->
02 <!-- 文件范例：15-24.htm -->
03 <!-- 文件说明：Navagator对象 -->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>Navagator对象</TITLE>
08 </HEAD>
09 <BODY>
10 <script language="javascript">
11 <!--
12 document.write("你使用的是"+navigator.appName+"<br>"+navigator.appVersion)
13 -->
14 </Script>
15 </BODY>
16 </HTML>
文件说明
第12行调用浏览器的名称和版本号。
2.Windows对象
窗口对象包括许多有用的属性、方法和事件驱动程序，编程人员可以利用这些对象控制浏览器窗口显示的各个方面，如对话框、框架等。
下面列出一些常用Windows对象的方法。
● open（URL，windowName，parameterList）：open方法创建一个浏览器窗口，并在新窗口中载入一个指定的URL地址。
● close（）： close方法关闭一个浏览器窗口。
● alert（）：弹出一个消息框。
● confirm（）：弹出一个确认框 。
● prompt（）：弹出一个提示框。
文件范例：15-25.htm
在脚本中使用Windows对象
01 <!-- ------------------------------ -->
02 <!-- 文件范例：15-25.htm -->
03 <!-- 文件说明：Window对象 -->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>Window对象</TITLE>
08 </HEAD>
09 <BODY>
10 <script language="javascript">
11 <!--
12 window.open ("9-1.htm", "newwindow", "heigh
相关文章
相关下载
网友评论