您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

JavaScript 教程 -- 从入门到精通 第二讲

作者:佚名    责任编辑:admin    更新时间:2022-06-22

JavaScript 教程 -- 从入门到精通 2

对于已经掌握C++语言的人来说,学习 JavaScript 真是一件非常轻松愉快的事。 本文介绍了 JavaScript 脚本是如何加入 Web 页面 , 并学习了 JavaScript 语言中的基本数据类型、变量、常量、操作运算符等。可以看出。

 

JavaScript 基本数据结构

只是去掉了C语言中有关指针等容易产生的错误,  JavaScript 提供脚本语言的编程与 C++ 非常相似。并提供了功能强大的类库。对于已经具备C ++ 或C语言的人来说,学习 JavaScript 脚本语言是一件非常轻松愉快的事。

一、 JavaScript 代码的加入

成为 HTML 文档的一部分。与 HTML 标识相结合, JavaScript 脚本包括在 HTML 中。构成了一个功能强大的 Internet 网上编程语言。可以直接将 JavaScript 脚本加入文档:

<Script Languag ="JavaScript">

JavaScript 语言代码;

JavaScript 语言代码 ;

....

</Script>

说明:

通过标识 <Script>...</Script> 指明 JavaScript 脚本源代码将放入其间。

这里是 JavaScript 语言 , 通过属性 Languag ="JavaScript" 说明标识中是使用的何种语言。表示在 JavaScript 中使用的语言。

下面是将 JavaScript 脚本加入 Web 文档中的例子 :

Test2.html

<HTML>

<Head>

<Script Languag ="JavaScript">

document. Write " 这是赛迪网互动学校 " ;

document. close ;

</Script>

</Head>

</HTML>

浏览器的窗口中调用 test2.html 则显示 “ 这是赛迪网互动学校 ” 字串。见图 2 所示。

图 2

说明 :

其功能是将括号中的字符或变量值输出到窗口; document. close 将输出关闭。 Document. write 文档对象的输出函数。

使之在主页和其余部分代码之前装载,可将 <Script>...</Script> 标识放入 head>.. </Head> 或 <Body> ...</Body> 之间。将 JavaScript 标识放置 <Head>... </Head> 头部之间。从而可使代码的功能更强大;可以将 JavaScript 标识放置在 <Body>... </Body> 主体之间以实现某些局部动态地创建文档。

 

二、基本数据类型

有它自身的基本数据类型、表达式和算术运算符以及程序的基本框架结构。 JavaScript 提供了四种基本的数据类型用来处理数字和文字 , JavaScript 脚本语言同其它语言一样。而变量提供存放信息的地方 , 表达式则可以完成较复杂的信息处置。

1 基本数据类型

也可以变量。由于 JavaScript 采用弱类型的形式, JavaScript 中四种基本的数据类型:数值(整数和实数)字符串型(用 “ 号或 ‘ 括起来的字符或数值)布尔型(使 True 或 Fals 表示)和空值。 JavaScript 基本类型中的数据可以是常量。因而一个数据的变量或常量不必首先作声明,而是使用或赋值时确定其数据的类型的当然也可以先声明该数据的类型,通过在赋值时自动说明其数据类型的

2 常量

整型常量

不能改变的数据。其整型常量可以使用十六进制、八进制和十进制表示其值。 JavaScript 常量通常又称字面常量。

实型常量

如 12.32 193.98 可以使用科学或标准方法表示: 5E7 4e5 等。 实型常量是由整数局部加小数部分表示。

布尔值

以说明操作流程。与C++是不一样的 , 布尔常量只有两种状态: True 或 Fals 主要用来说明或代表一种状态或标志。C++可以用1或0表示其状态 , 而 JavaScript 只能用 True 或 Fals 表示其状态。

字符型常量

使用单引号(或双引号(括起来的一个或几个字符。如 "Thi is a book of JavaScript " "3245" "ewrt234234" 等。

空值

表示什么也没有。如试图引用没有定义的变量 ,JavaScript 中有一个空值 null. 则返回一个 Null 值。

特殊字符

JavaScript 中同样以有些以反斜杠(开头的不可显示的特殊字符。通常称为控制字符。 同C语言一样。

 

3 变量

变量的主要作用是存取数据、提供存放信息的容器。对于变量必需明确变量的命名、变量的类型、变量的声明及其变量的作用域。

变量的命名

这里要注意以下两点: JavaScript 中的变量命名同其计算机语言非常相似。

即变量以字母开头,A、必需是一个有效的变量。中间可以出现数字如 test1 text2 等。除下划线(作为连字符外,变量名称不能有空格、+)或其它符号。

B、不能使用 JavaScript 中的关键字作为变量。

这些关键是 JavaScript 内部使用的不能作为变量的名称。如 Var int doubl true 不能作为变量的名称。 JavaScript 中定义了40多个类键字。

最好把变量的意义与其代表的意思对应起来,对变量命名时。以免出现错误。

变量的类型

变量可以用命令 Var 作声明 JavaScript 中。:

var mytest;

该例子定义了一个 mytest 变量。但没有赋予它值。

Var mytest= Thi is a book

同时赋予了值。 该例子定义了一个 mytest 变量 .

变量以可以不作声明, JavaScript 中。而在使用时再根据数据的类型来确其变量的类型。

如:

x=100

y="125"

xy= True

cost=19.5 等。

y 为字符串,其中 x 整数。 xy 为布尔型, cost 为实型。

变量的声明及其作用域

并可赋值。通过使用 var 关键字对变量作声明。对变量作声明的最大好处就是能及时发现代码中的错误;因为 JavaScript 采用动态编译的而动态编译是不易发现代码中的错误,JavaScript 变量可以在使用前先作声明。特别是变量命名的方面。

其作用范围是整个函数;而局部变量是定义在函数体之内,对于变量还有一个重要性 ─ 那就是变量的作用域。 JavaScript 中同样有全局变量和局部变量。全局变量是定义在所有函数体之外。只对其该函数是可见的而对其它函数则是不可见的

三、表达式和运算符

1、表达式

就可以对它进行赋值、改变、计算等一系列操作,定义完变量后。这一过程通常又叫称一个叫表达式来完成,可以说它变量、常量、布尔及运算符的集合,因此表达式可以分为算术表述式、字串表达式、赋值表达式以及布尔表达式等。

2、运算符

JavaScript 中有算术运算符,运算符完成操作的一系列符号。如+、 - * / 等;有比较运算符如 ! =、==等 ; 有逻辑布尔运算符如!取反) | ||; 有字串运算如+ +=等。

JavaScript 主要有双目运算符和单目运算符。其双目运算符由下列组成:

操作数1 运算符 操作数2

只需一个操作数,即由两个操作数和一个运算符组成。如 50 + 40 "This"+"that" 等。单目运算符。其运算符可在前或后。

1)算术运算符

JavaScript 中的算术运算符有单目运算符和双目运算符。

双目运算符:

零填充) + 加) - 减) * 乘) / 除) % 取模) | 按位或) & 按位与 ) << 左移) >> 右移) >>> 右移。

单目运算符:

- 取反) ~ 取补) ++ 递加 1 -- 递减 1

2)比较运算符

尔后再返回一个 true 或 Fals 值,比较运算符它基本操作过程是首先对它操作数进行比较。有8个比较运算符 :

< 小于 ) > 大于 ) <= 小于等于 ) >= 大于等于 ) == 等于 ) != 不等于 )

3)布尔逻辑运算符

JavaScript 中增加了几个布尔逻辑运算符 :

! 取反 ) &= 与之后赋值) & 逻辑与) |= 或之后赋值) | 逻辑或) ^= 异或之后赋值) ^ 逻辑异或) ?: 三目操作符) || 或) == 等于 ) |= 不等于 )

其中三目操作符主要格式如下:

操作数?结果1:结果2

则表述式的结果为结果1,若操作数的结果为真。否则为结果2。

四、范例

下面是一个跑马灯效果的 JavaScript 文档。

Test2_1.html

<html>

<head>

<script Language="JavaScript">

var msg=" 这是一个跑马灯效果的 JavaScript 文档 ";

var interv = 100;

var spacelen = 120;

var space10=" ";

var seq=0;

funct Scroll {

len = msg.length;

seq+1 window.statu = msg.substr 0.;

seq++;