没有合适的资源?快使用搜索试试~ 我知道了~
首页Javascript教程--从入门到精通【完整版】.pdf
Javascript教程--从入门到精通【完整版】.pdf
需积分: 10 17 下载量 64 浏览量
更新于2023-03-03
评论
收藏 1.27MB PDF 举报
Javascript教程--从入门到精通学习javascript 很好的东西
资源详情
资源评论
资源推荐
1
Javascript 教程--从入门到精通【完整版】
(作者:未知, 来源:互联网 整理:Alone)
JavaScript 教程语言概况
Internet 时代,造就了我们新的工作和生活方式,其互联性、开放性和共享信息的模式,打破了传统信息传播方式
的重重壁垒,为我们带来了新的机遇。随着计算机和信息时代的到来,人类社会前进的脚步在逐渐加快,每一天都有新
的事情发生,每一天都在创造着奇迹。随着 Internet 技术的突飞猛进,各行各业都在加入 Internet 的行业中来。无论
从管理方面,还是从商业角度来看,Internet 都可以带来无限生机。通过 Internet,可以实现地区、集体乃至个人的
连接,从而达到一种“统一的和谐”。那么怎样把自己的或公司的信息资源加入到 WWW 服务器,是广大用户日益关心的
问题。采用超链技术(超文本和超媒体技术)是实现这个目标最简单的、最快速的手段和途径。具体实现这种手段的支
持环境,那就是 HTML 超文本标识语言。通过它们可制作所需的 Web 网页。
通过超文本(Hyper Text)和超媒体(Hyper Media)技术结合超链接(Hyper link)的链接功能将各种信息组织成网络
结构(web),构成网络文档(Document),实现 Internet 上的“漫游”。通过 HTML 符号的描述就可以实现文字、表格、
声音、图像、动画等多媒体信息的检索。
然而采用这种超链技术存在有一定的缺陷,那就是它只能提供一种静态的信息资源,缺少动态的客户端与服务器端
的交互。虽然可通过 CGI(Common Gateway Interface)通用网关接口实现一定的交互,但由于该方法编程较为复杂,因
而在一段时间防碍了 Internet 技术的发展。而 JavaScript 的出现,无凝为 Internet 网上用户带来了一线生机。可以
这样说,JavaScript 的出现是时代的需求,是当今的信息时代造就了 JavaScript。
JavaScript 的出现,它可以使得信息和用户之间不仅只是一种显示和浏览的关系,而是实现了一种实时的、动态的、
可交式的表达能力。从而基于 CGI 静态的 HTML 页面将被可提供动态实时信息,并对客户操作进行反应的 Web 页面的取
代。JavaScript 脚本正是满足这种需求而产生的语言。它深受广泛用户的喜爱的欢迎。它是众多脚本语言中较为优秀的
一种,它与 WWW 的结合有效地实现了网络计算和网络计算机的蓝图。无凝 Java 家族将占领 Internet 网络的主导地位。
因此,尽快掌握 JavaScript 脚本语言编程方法是我国广大用户日益关心的。
一、什么是 JavaScript
JavaScript 是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与
HTML 超文本标记语言、Java 脚本语言(Java 小程序)一起实现在一个 Web 页面中链接多个对象,与 Web 客户交互作用。
从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的 HTML 语言中实现的。它的出现弥补了 HTML 语言的缺
陷,它是 Java 与 HTML 折衷的选择,具有以下几个基本特点:
脚本编写语言
JavaScript 是一种脚本语言,它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript 同样已是一种解
释性语言,它提供了一个易的开发过程。
它的基本结构形式与 C、C++、VB、Delphi 十分类似。但它不像这些语言一样,需要先编译,而是在程序运行过程
中被逐行地解释。它与 HTML 标识结合在一起,从而方便用户的使用操作。
基于对象的语言
JavaScript 是一种基于对象的语言,同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因
此,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
简单性
JavaScript 的简单性主要体现在:首先它是一种基于 Java 基本语句和控制流之上的简单而紧凑的设计, 从而对于
学习 Java 是一种非常好的过渡。其次它的变量类型是采用弱类型,并未使用严格的数据类型。
安全性
JavaScript 是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行
修改和删除,只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。
动态性
JavaScript 是动态的,它可以直接对用户或客户输入做出响应,无须经过 Web 服务程序。它对用户的反映响应,是
2
采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页(Home Page)中执行了某种操作所产生的动作,就称为“事
件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。
跨平台性
JavaScript 是依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持 JavaScript 的浏览器就
可正确执行。从而实现了“编写一次,走遍天下”的梦想。
实际上 JavaScript 最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑,软件仅需一个字处理软
件及一浏览器,无须 WEB 服务器通道,通过自己的电脑即可完成所有的事情。
综合所述 JavaScript 是一种新的描述语言,它可以被箝入到 HTML 的文件之中。 JavaScript 语言可以做到回应
使用者的需求事件 (如: form 的输入) ,而不用任何的网路来回传输资料,所以当一位使用者输入一项资料时,它不
用经过传给伺服端 (server)处理,再传回来的过程,而直接可以被客户端 (client) 的应用程式所处理。
JavaScript 和 Java 很类似,但到底并不一样! Java 是一种比 JavaScript 更复杂许多的程式语言,而
JavaScript 则是相当容易了解的语言。JavaScript 创作者可以不那麽注重程式技巧,所以许多 Java 的特性在 Java
Script 中并不支援。
二、JavaScript 和 Java 的区别
虽然 JavaScript 与 Java 有紧密的联系,但却是两个公司开发的不同的两个产品。Java 是 SUN 公司推出的新一代面
向对象的程序设计语言,特别适合于 Internet 应用程序开发;而 JavaScript 是 Netscape 公司的产品,其目的是为了
扩展 Netscape Navigator 功能,而开发的一种可以嵌入 Web 页面中的基于对象和事件驱动的解释性语言,它的前身是
Live Script;而 Java 的前身是 Oak 语言。下面对两种语言间的异同作如下比较:
基于对象和面向对象
Java 是一种真正的面向对象的语言,即使是开发简单的程序,必须设计对象。
JavaScript 是种脚本语言,它可以用来制作与网络无关的,与用户交互作用的复杂软件。它是一种基于对象(Object
Based)和事件驱动(Event Driver)的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。
解释和编译
两种语言在其浏览器中所执行的方式不一样。Java 的源代码在传递到客户端执行之前,必须经过编译,因而客户端
上必须具有相应平台上的仿真器或解释器,它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。
JavaScript 是一种解释性编程语言,其源代码在发往客户端执行之前不需经过编译,而是将文本格式的字符代码发
送给客户编由浏览器解释执行。
强变量和弱变量
两种语言所采取的变量是不一样的。
Java 采用强类型变量检查,即所有变量在编译之前必须作声明。如:
Integer x;
String y;
x=1234;
x=4321;
其中 X=1234 说明是一个整数,Y=4321 说明是一个字符串。
JavaScript 中变量声明,采用其弱类型。即变量在使用前不需作声明,而是解释器在运行时检查其数据类型,如:
x=1234;
y="4321";
前者说明 x 为其数值型变量,而后者说明 y 为字符型变量。
代码格式不一样
Java 是一种与 HTML 无关的格式,必须通过像 HTML 中引用外媒体那么进行装载,其代码以字节代码的形式保存在独
立的文档中。
JavaScript 的代码是一种文本字符格式,可以直接嵌入 HTML 文档中,并且可动态装载。编写 HTML 文档就像编辑文
本文件一样方便。
3
嵌入方式不一样
在 HTML 文档中,两种编程语言的标识不同,JavaScript 使用<Script>...</Script>来标识,而 Java 使用
<applet>...</applet>来标识。
静态联编和动态联编
Java 采用静态联编,即 Java 的对象引用必须在编译时的进行,以使编译器能够实现强类型检查。
JavaScript 采用动态联编,即 JavaScript 的对象引用在运行时进行检查,如不经编译则就无法实现对象引用的检
查。
三、JavaScript 程序运行环境
Java 运行环境
软件环境:
Windows 95/98 或 Windows NT。
Netscape Navigator x.0 或 Internet Explorer x.0。
用于编辑 HTML 文档的字符编辑器(WS、WPS、Notepad、WordPad 等)或 HTML 文档编辑器。
硬件配置:
首先必须具备运行 Windows 95/98 或 Windows NT 的基本硬件配置环境。推荐:
基本内存 32M。
CRT 只少需要 256 颜色,分辨率在 640X480 以上。
CPU 只少 233 以上。
鼠标和其它外部设置(根据需要选用)。
四、编写第一个 JavaScript 程序
下面我们通过一个例子,编写第一个 JavaScript 程序。通过它可说明 JavaScript 的脚本是怎样被嵌入到 HTML 文
档中的。test1.html 文档:
<html>
<head>
<Script Language ="JavaScript">
// JavaScript Appears here.
alert("这是第一个 JavaScript 例子!");
alert("欢迎你进入 JavaScript 世界!");
alert("今后我们将共同学习 JavaScript 知识!");
</Script>
</Head>
</Html>
在 Internet Explore5.0 中运行行后的结果见图 1-1 所示。
4
图1-1 程序运行的结果
说明: test.html 是 HTML 文档,其标识格式为标准的 HTML 格式;
如同 HTML 标识语言一样, JavaScript 程序代码是一些可用字处理软件浏览的文本,它在描述页面的 HTML 相关区域出
现。
JavaScript 代 码 由 <Script Language ="JavaScript">...</Script> 说 明 。 在 标 识 <Script Language
="JavaScript">...</Script>之间就可加入 JavaScript 脚本。
alert()是 JavaScript 的窗口对象方法,其功能是弹出一个具有 OK 对话框并显示()中的字符串。
通过<!-- ...//-->标识说明:若不认识 JavaScript 代码的浏览器,则所有在其中的标识均被忽略;若认识,则执行其
结果。使用注释这是一个好的编程习惯,它使其他人可以读懂你的语言。
JavaScript 以 </Script> 标签结束。
从上面的实例分析中我们可以看出,编写一个 JavaScript 程序确实非常容易的
JavaScript 基本数据结构
JavaScript 提供脚本语言的编程与 C++非常相似,它只是去掉了C语
言中有关指针等容易产生的错误,并提供了功能强大的类库。对于已经具备C++或C语言的人来说,学习 JavaScript
脚本语言是一件非常轻松愉快的事。
一、JavaScript 代码的加入
JavaScript 的脚本包括在 HTML 中,它成为 HTML 文档的一部分。与 HTML 标识相结合,构成了一个功能强大的 Internet
网上编程语言。可以直接将 JavaScript 脚本加入文档:
<Script Language ="JavaScript">
JavaScript 语言代码;
JavaScript 语言代码;
....
</Script>
说明:
通过标识<Script>...</Script>指明 JavaScript 脚本源代码将放入其间。
通过属性 Language ="JavaScript"说明标识中是使用的何种语言,这里是 JavaScript 语言, 表示在 JavaScript 中
使用的语言。
下面是将 JavaScript 脚本加入 Web 文档中的例子:
Test2.html
5
<HTML>
<Head>
<Script Language ="JavaScript">
document. Write("这是赛迪网互动学校");
document. close();
</Script>
</Head>
</HTML>
在浏览器的窗口中调用 test2.html,则显示“这是赛迪网互动学校”字串。见图 2 所示。
图 2
说明:
Document. write()是文档对象的输出函数,其功能是将括号
中的字符或变量值输出到窗口;document. close()是将输出关
闭。
可将<Script>...</Script>标识放入 head>.. </Head>或
<Body> ...</Body>之间。将 JavaScript 标识放置<Head>...
</Head>在头部之间,使之在主页和其余部分代码之前装载,从而
可使代码的功能更强大;可以将 JavaScript 标识放置在
<Body>... </Body>主体之间以实现某些部分动态地创建文档。
二、基本数据类型
JavaScript 脚本语言同其它语言一样,有它自身的基本数据类型、表达式和算术运算符以及程序的基本框架结构。
JavaScript 提供了四种基本的数据类型用来处理数字和文字, 而变量提供存放信息的地方, 表达式则可以完成较复杂
的信息处理。
1、基本数据类型
在 JavaScript 中四种基本的数据类型:数值(整数和实数)、字符串型(用“”号或‘’括起来的字符或数值)、
布尔型(使 True 或 False 表示)和空值。在 JavaScript 的基本类型中的数据可以是常量,也可以变量。由于 JavaScript
采用弱类型的形式,因而一个数据的变量或常量不必首先作声明,而是在使用或赋值时确定其数据的类型的。当然也可
以先声明该数据的类型,它是通过在赋值时自动说明其数据类型的。
2、常量
整型常量
JavaScript 的常量通常又称字面常量,它是不能改变的数据。其整型常量可以使用十六进制、八进制和十进制表示其值。
实型常量
实型常量是由整数部分加小数部分表示,如 12.32、193.98 。可以使用科学或标准方法表示:5E7、4e5 等。
布尔值
布尔常量只有两种状态:True 或 False。 它主要用来说明或代表一种状态或标志,以说明操作流程。它与C++是不
一样的,C++可以用1或0表示其状态,而 JavaScript 只能用 True 或 False 表示其状态。
字符型常量
使用单引号(‘)或双引号(“)括起来的一个或几个字符。如 "This is a book of JavaScript "、"3245"、"ewrt234234"
等。
空值
JavaScript 中有一个空值 null,表示什么也没有。如试图引用没有定义的变量,则返回一个 Null 值。
剩余44页未读,继续阅读
yjp210
- 粉丝: 0
- 资源: 4
上传资源 快速赚钱
- 我的内容管理 收起
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
会员权益专享
最新资源
- 27页智慧街道信息化建设综合解决方案.pptx
- 计算机二级Ms-Office选择题汇总.doc
- 单链表的插入和删除实验报告 (2).docx
- 单链表的插入和删除实验报告.pdf
- 物联网智能终端项目设备管理方案.pdf
- 如何打造品牌的模式.doc
- 样式控制与页面布局.pdf
- 武汉理工Java实验报告(二).docx
- 2021线上新品消费趋势报告.pdf
- 第3章 Matlab中的矩阵及其运算.docx
- 基于Web的人力资源管理系统的必要性和可行性.doc
- 基于一阶倒立摆的matlab仿真实验.doc
- 速运公司物流管理模式研究教材
- 大数据与管理.pptx
- 单片机课程设计之步进电机.doc
- 大数据与数据挖掘.pptx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0