Site hosted by Angelfire.com: Build your free website today!
 

JavaScript基础知识


--学习笔记

一、概要
  JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷,它是Java与HTML折衷的选择,具有以下几个基本特点:
1.是一种脚本编写语言
  JavaScript是一种脚本语言,它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个易的开发过程。它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样,需要先编译,而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起,从而方便用户的使用操作。
2.基于对象的语言。
  JavaScript是一种基于对象的语言,同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
3.简单性
  JavaScript的简单性主要体现在:首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型,并未使用严格的数据类型。
4.安全性
  JavaScript是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。
5.动态性的
  JavaScript是动态的,它可以直接对用户或客户输入做出响应,无须经过Web 服务程序。它对用户的反映响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页(Home Page)中执行了某种操作所产生的动作,就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。
6.跨平台性
  JavaScript是依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。

二、JavaScript的用法
  JavaScript在Web 页面中的基本用法有两种。一种是装入页面时动态创建HTML语句,另一种是监视并处理各种用户事件。两种方法结合起来,产生七种用法∶定制Web 页面;动态创建Web 页面;检查CGI 表单数据;管理Cookie;访问框窗;在JavaScript中调用Java;在Java中使用JavaScript。
1.动态创建HTML时,JavaScript语句的位置为∶
<BODY>
<Script Language ="JavaScript">
JavaScript函数或语句;
</Script>
</BODY>
2.处理用户事件时,JavaScript语句的位置为∶
<HEAD>
<Script Language ="JavaScript">
JavaScript函数(不直接产生HTML源代码的函数);
</Script>
</HEAD>
<BODY>
调用JavaScript函数;
</BODY>
3.直接调用javascript函数
例一(以超级链接的形式)∶
<a href="javascript:window.external.AddFavorite('网页地址','网页名称')">加入我的收藏夹</a>
4.使用.js文件
(1)JavaScript代码放在一个独立的扩展名为js的文件中,该文件不含HTML成分(包括<Script Language ="JavaScript">语句)。
(2)在HTML文件中
  < HEAD >
  < SCRIPT SRC="***.js" >
  < /SCRIPT >
  < /HEAD >
(3)在HTML文件中调用js文件中定义的函数。
  < BODY OnLoad="函数1();" >
  < script >函数2();< /script >
  < /BODY >

三、对象、实例、属性和方法的理解
对象有方法和属性
例一∶
house是一个对象;owner也是一个对象
对象的属性:house具有bedrooms,bathrooms,floor,squareFeet和owner属性
定义对象的实例:house 500South5th;
定义对象的实例:owner G_Woodson;
建立实例的函数(在<HEAD><SCRIPT LANGUAGE="javaScript">与</SCRIPT></HEAD>之间)∶
functon Owner(name,age,mortgageLenth)
 {
 this.name=name;
 this.age=age;
 this.mortgageLenth=mortgageLength;
 }
functon House(bedrooms,bathrooms,floors,squareFeet,owner)
 {
 this.bedrooms=bedrooms;
 this.bathrooms=bathrooms;
 this.floors=floors;
 this.squareFeet=squareFeet;
 this.owner=owner;
 }
建立实例(在<BODY>与</BODY>之间)∶
  G_Woodson=new Owner("Glenn Woodson",38,20);
建立实例∶500South5th=new House(2,1,1,1700,G_Woodson);
属性访问∶500South5th.bedrooms或500South5th[bedrooms]
     500South5th.G_Woodson.age

四、对象的省略∶
1.window.方法(); 可以写为∶ 方法();
2.对象.方法();  可以写为∶ with(对象){方法();}