1、Javascript 是学习脚本语言的首选。她兼容性好，绝大多数浏览器均
支持 Javascript。

2、概括地说，JavaScript 就是一种基于对象和事件驱动，并具有安全性能的脚
本语言，脚本语言简单理解就是在客户端的浏览器就可以互动响应处理程序的语
言，而不需要服务器的处理和响应，当然 JavaScript 也可以做到与服务器的交互
响应，而且功能也很强大。而相对的服务器语言像 asp asp.net php jsp 等需要将
命令上传服务器，由服务器处理后回传处理结果。对象和事件是 JavaScript 的两
个核心

3、使用下面的代码可以在 页中插入 JavaScript：
<script type=”text/JavaScript” language=”javascript”>
…
</script>

4、language=”javascript”表示使用 JavaScript 脚本语言，脚本语言还有
vbscript、jsscript 等，如果没有 language 属性，表示默认使用 JavaScript
脚本。其中的…就是代码的内容。例如：
<script type=”text/JavaScript”>
document.write(” 我是菜鸟我怕谁 !”);
</script>

5、通过这个例子，我们可以看到 JavaScript 程序代码是一些可用字处理软件
浏览的文本，它在描述页面的 HTML 相关区域出现。
JavaScript 使用 document.write 来输出内容。将会在 页上输出：我是
菜鸟我怕谁!

6、<!– –>里的内容对于不支持 JavaScript 的浏览器来说就等同于一段注
释，而对于支持 JavaScript 的浏览器，这段代码仍然会执行。至于“//”符
则是 JavaScript 里的注释符 ，在这里添加它是为了防止 JavaScript 试图执
行–>。不过通常情况下，现在的浏览器几乎都支持 JavaScript，即使是不支
持的，也会了解如何合理地处理含有 JavaScript 的 页。

7、如果很多 页都需要包含一段相同的代码，那么将这些代码写入一个外部
JavaScript 文件是最好的方法。此后，任何一个需要该功能的 页，只需要引
入这个 js 文件就可以了。

8、就是一个 JavaScript 语句，它可以告诉浏览器做出一个特定任务。特别
的，这个语句是叫浏览器书写出一段内容。我们已经知道，document.write 的
功能是输出文本，( Document. write()是文档对象的输出函数，其功能是将括 中的字符或变量值
输出到窗口；document. close()是将输出关闭。) 所以上面那个语句就是让浏览器输出“我
是菜鸟我怕谁!”

9、在 JavaScript 中，一行的结束就被认定为语句的结束。但是最好还是要在
结尾加上一个分 “;”来表示语句的结束。这是一个编程的好习惯，事实上在
很多语言中句末的分 都是必须的。

10、5.1 单行注释
插入单行注释的符 是“//”

5.2 多行注释
多行注释以” /* “开始，以” */ “结束。

11、

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

13、由于
JavaScript 采用弱类型的形式，因而一个数据的变量或常量不必首先作声明，
而是在使用或赋值时确定其数据的类型的。当然也可以先声明该数据的类型，
它是通过在赋值时自动说明其数据类型的。

14、在上面的例子中，我们用到了三个变量：a，b，c。这些都是变量的名字，
在 JavaScript 中，我们需要用变量名来访问这个变量。在 JavaScript 中，变
量名有如下规定：
A、必须是一个有效的变量，即变量以字母开头，中间可以出现数字如
test1、text2 等。除下划线（－）作为连字符外，变量名称不能有空
格、（＋）、（－）、（，）或其它符 。
B、js 语言对大小写字母很敏感，大小写字母所代表的意义不同。
C、不能使用 JavaScript 中的关键字作为变量。

15、在 JavaScript 中定义了４０多个类键字，这些关键字是 JavaScript 内
部使用的，不能作为变量的名称。如 Var、int、double、true 不能作为
变量的名称。

16、function 函数名()
{
函数代码;
}

17、函数由关键字 Function 定义，把“函数名”替换为你想要的名字，把“代码”
替换为完成特定功能的代码，函数就定义好了。了解了如何定义函数，我们就来
https://www.wuxianedu.com/ 29
自己编写一个实现两数相加的简单函数吧。
首先给函数起一个有意义的名字：“add2”，它的代码如下：
function add2(){
sum = 1 + 1;
alert(sum);
}
10.2 函数的调用
函数定义好了，如何调用呢br> 其实可以通过很多种方法调用上面的函数，我们这里使用最简单的函数调用
方式——按钮的点击事件，

18、x 和 y 则是我们函数的两个参数，调用函数的时候，我们就可以通过这两个
参数把两个加数传递给函数了

19、首先将介绍对象的相关概念，以及使用对象的重要性，然后将介绍
JavaScript 中可以使用哪些对象，以及如何创建对象并使用对象来简化编程工
作。最后，将详细讨论 JavaScript 中几个常用的对象，

20、基于对象的程序设计指的就是“使用对象进行程序设计”

21、一）、数组对象

数组与变量也有很多不同，一个普通的变量在同一
时刻只能保存一个数据。例如，将变量 myVar 的值设置为 25，可用如下的代码:
myVar=25;
接着可以用如下的代码将变量 myVar 的值设置为另一个值，比如 35:
myVar= 35;
一个变量一次只能保存一个数据项，而一个数组可以保存多个数据项。例如，
我们可以用一个名为 myArray 的数组同时保存 25 和 35 两个数据项。代码如下：
myArray=[25,35]
数组中的每一个数据项称为数组的一个元素。
在数组中，我们如何区分不同的数据项呢组中每一个数据项都具有一个
索引值。索引值放在数组名后面的方括 中。我们通过索引就能访问数组中该索
引对应的数组元素。

22、注意，数组的索引从 0 开始，而不是从 1 开始。

（2）JavaScript 中的数组最多可以保存 2 的 32 次方个数组元
素

23、

要创建一个
数组，只须在声明变量时，使用 new 关键字和 Array（）构造函数来说明这是一
个数组。例如，要声明一个名为 myArray 的数组，可使用如下代码:
(1)、var myArray=new Array();

（2）在JavaScript中是区分大小写的。因此，如果你错误地将构造函数Array()
写成了 array(),代码将不能正常工作。我们也可以先声明一个变量，然后再将该
变量定义成一个数组，例如:
（2）、

var myArray;
myArray=new Array();

上面我们曾提到过，可以为数组的长度设置一个上限，用于说明数组中可以
保存多少个元素。如果要设置数组的长度，只须把长度值作为参数传给 Array()构

造函数，即把长度值放在 Array()函数的圆括 中。例如，要创建一个具有 6 个元
素的数组，可使用如下代码:

var myArray=new Array(6);

我们己经介绍了如何声明一个数组，但如何在数组中保存数据呢span style=”color:#86ca5e;”>只须在定
义数组时把各元素的值作为参数传给 Array()构造函数，即把各元素的值放在
Array()函数的圆括 中。注意，各元素的值须用逗 进行分隔，例如:
var myArray=new
Array(“Paul”,345,”John”,112,”Bob”,99);
对于上面这行代码，第一个数据项”Paul”将被保存在索引为 0 的数组元素
中，第二个数据项 345 将被保存在索引为 1 的数组元素中，依此类推。换句话
说，数组元素myArray[0]将包含值”Paul”，而数组元素myArray[1]将包含值345，
依此类推。
值得注意的是，这个方法不能用于声明仅包含 1 个数值元素的数组，例如
Array(345)。否则，JavaScript 将认为我们要声明的是一个长度为 345 的数组，它
可以保存 345 个数组元素。

24、数组对象不仅用于存储数据，它还提供了大量非常有用的方法和属性，使用
这些方法和属性，我们不但可以操纵数组中的数据，还可以获取数组的相关信息
———如数组的长度

25、创建对象
我们己经在前面的例子中创建过 Array 对象。要创建一个 Array 对象，可以
使用如下所示的 JavaScript 语句:
var myArray=new Array();

26、让我们把这一节的内容小结一下:
要创建一个 JavaScript 对象，可使用如下语法:
var myVar=new ObjectName（optional parameters）;

27、使用对象的属性
要访问对象中的属性是非常简单的。我们只需先写出引用了对象的变量名，
后跟一个点 (.)，然后写出要访问的属性的名称。例如，假如变量 myArray 引用
我们定义的一个数组对象，则我们可以用如下语句来访问数组对象的 length 属
性:
myArray.length
我们可以用对象的属性来做什么呢们可以将对象的属性视为一个普通的
数据，并将它保存在另一个变量中:
var myVar = myArray .length;
或者，可以把对象的属性显示出来:
alert(myArray .length);
在某些情况下，还可以改变对象属性的值。例如:
myArray .length=12;
但是，与普通变量不同的是，对象的某些属性是只读的。这意味着我们虽然可以
读取这些只读属性的值，但却不能修改它们的值。

28、使用对象的方法与使用对象的属性很类似，首先是引用了对象的变量名，后
跟一个点 (.)，然后是要调用的方法的名称。

29、 length 属性—获得数组中元素的个数

30、JavaScript 事件

我们之前提到过函数的调用。函数定义之后，默认是不会执行的，这时候就
需要一些事件来触发这个函数的执行。
JavaScript 有很多事件，例如鼠标的点击、移动， 页的载入和关闭。我们先
来定义一个函数，再看几个事件的实例

<script type=”text/JavaScript”>
function displaymessage()
{
alert(“我是菜鸟我怕谁!”);
}
</script>

（1）点击事件
使用点击事件调用，需要给元素设置 onclick 属性。

οnclick=函数名()    由于设置了 οnclick=”displaymessage()”，因此点击按钮则会调用函数。

<button value=”点击提交” οnclick=”displaymessage()”>onclick 调用函数
</button>

（2）鼠标经过、移出事件

使用鼠标经过事件调用函数的代码如下

<button value=”点击提交” οnmοuseοver=”displaymessage()”>鼠标滑过调用
函数</button>

当鼠标经过按钮时，触发 onmouseover 事件，将会调用函数 displaymessage()。
使用鼠标移出事件调用函数的代码如下：

<button value=”点击提交” οnmοuseοut=”displaymessage()”>鼠标移出调用
函数</button>

把鼠标移动到这个按钮里面，当再移动出去时，触发 onmouseout 事件，
将会调用函数 displaymessage()。

属性                            事件发生时机
Onabort                     图片下载被打断时
Onblur                      元素失去焦点时
Onchange               框内容改变时

Onclick                      鼠标点击一个对象时
Ondblclick                鼠标双击一个对象时
Onerror                   当加载文档或图片时发生错误时
Onfocus                 当元素获取焦点时
Onkeydown                按下键盘按键时
Onkeypress          按下或按住键盘按键时
Onkeyup               放开键盘按键时
Onload                      页面或图片加载完成时
Onmousedown          鼠标被按下时
Onmousemove       鼠标被移动时
Onmouseout          鼠标离开元素时
Onmouseover        鼠标经过元素时
Onmouseup         释放鼠标按键时
Onreset               重新点击鼠标按键时
Onresize              当窗口或框架被重新定义尺寸时
Onselect            文本被选择时
Onsubmit          点击提交按钮时
Onunload            用户离开页面时

31、JavaScript 特殊字符

特殊字符列表
JavaScript 特殊字符代码
代码 输出
‘ 单引
” 双引
& 与符
\ 反斜线
n 换行
r 回车
t 制表符
b 后退
f 走纸换页

32、JavaScript 指导准则

（1）在书写 JavaScript 的过程中，应该记住它是区分大小写的，变量名
和函数名都区分大小写。比如：

Var A=1;
Var a=2;

A 和 a 是两个不同的变量。

（2）代码中多余的空格是被忽略的

a=b+c;
a = b + c ;

（3）表示本行未完
前面已经说过，浏览器读到一行末尾会自动判定本行已经结束，不过我们
可以通过在行末添加一个“”来告诉浏览器本行没有结束。
document.write(“”Hello
World!””)
和
document.write(“”我是菜鸟我怕谁!””)
是完全一样的。

32、JavaScript 对象化编程

JavaScript 对象是可以是一段文字、一幅图片、一个表单（Form）等等。每
个对象有它自己的属性、方法和事件。

对象的属性是反映该对象某些特定的性质
的，

例如：字符串的长度、图像的长宽、文字框（Textbox）里的文字等等；

对象的方法能对该对象做一些事情，例如，表单的“提交”(Submit)，窗口的“滚动”
(Scrolling)等等；

而对象的事件就能响应发生在对象上的事情，例如提交表单产生
表单的“提交事件”，点击连接产生的“点击事件”。

不是所有的对象都有以上三
个性质，有些没有事件，有些只有属性。引用对象的任一“性质”用“<对象名>.<
性质名>”这种方法。
JavaScript 对象有：基本对象、全局对象、文档对象。

33、基本对象

（1）String 字符串对象

我们在之前的学习中已经就在使用字符串对象对象了，声明一个字符串对象的方法就是直接赋值。比如：

var s = “”我有个 7 个字符””;
定义了 s 这个字符串之后，我们就有了一个字符串对象，我们可以访问它的
属性，使用它的方法。

属性
length 用法：<字符串对象>.length；返回该字符串的长度。

方法
charAt() 用法：<字符串对象>.charAt(<位置>)；返回该字符串位于第<位置>
位的单个字符。注意：字符串中的一个字符是第 0 位的，第二个才是第 1 位的，
最后一个字符是第 length – 1 位的。

charCodeAt() 用法：<字符串对象>.charCodeAt(<位置>)；返回该字符串位
于第<位置>位的单个字符的 ASCII 码。

fromCharCode() 用法：String.fromCharCode(a