最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
综合
当前位置： 首页 - 正文

JavaScript 简介

来源：动视网 责编：小OO 时间：2025-09-24 17:17:55
文档

JavaScript 简介

JavaScript简介JavaScript是什么JavaScript是一种脚本语言（解释运行而非编译），可以嵌入到HTML文档中并经浏览器解释执行。是一种客户端的动态网页技术，能使网页增加互动性、及时响应用户的操作、对提交表单做即时的检查等。任何可以编写HTML文档的软件都可以用来开发JavaScript。Java与JavaScript有什么不同不要想当然地看到Java和JavaScript都有“Java”，就认为它们有什么亲戚关系，其实它们是完完全全不同的两种东西。其实当初他也不叫这名，后
推荐度：
点击下载本文 文档为doc格式
导读JavaScript简介JavaScript是什么JavaScript是一种脚本语言（解释运行而非编译），可以嵌入到HTML文档中并经浏览器解释执行。是一种客户端的动态网页技术，能使网页增加互动性、及时响应用户的操作、对提交表单做即时的检查等。任何可以编写HTML文档的软件都可以用来开发JavaScript。Java与JavaScript有什么不同不要想当然地看到Java和JavaScript都有“Java”，就认为它们有什么亲戚关系，其实它们是完完全全不同的两种东西。其实当初他也不叫这名，后
JavaScript 简介

JavaScript 是什么

JavaScript 是一种脚本语言（解释运行而非编译），可以嵌入到 HTML 文档中并经浏览器解释执行。

是一种客户端的动态网页技术，能使网页增加互动性、及时响应用户的操作、对提交表单做即时的检查等。

任何可以编写 HTML 文档的软件都可以用来开发 JavaScript。

Java 与 JavaScript 有什么不同

不要想当然地看到 Java 和 JavaScript 都有“Java”，就认为它们有什么亲戚关系，其实它们是完完全全不同的两种东西。

其实当初他也不叫这名，后来傍名人才叫做JavaScript。

当然，叫这名也是有一点道理的，因为它在语法结构等方面与java很类似，有Java的基础你将很容易学习JavaScript。

一、JavaScript 语言基础

1、在什么地方插入 JavaScript

　JavaScript 几乎可以出现在 HTML 的任意地方。使用标记标记，你可以在 HTML 文档的任意地方插入 JavaScript。不过如果要在声明框架的网页中插入，就一定要在之前插入，否则不会运行。

2、基本格式

另外一种插入 JavaScript 的方法，是把 JavaScript 代码写到另一个文件当中（此文件应该用“.js”作扩展名），然后用格式为“”的标记把它嵌入到文档中。

3、JavaScript的语句及语法结构

注意，虽然 HTML 不区分大小写，但是 JavaScript 是区分大小写的！

注释：JavaScript 好java的注释类似，单行注释为 “//”，而多行注释是用“/*”和“*/”。 

语句：是语言的基本单位，同样是用一个分号“;”作为 JavaScript 一个语句结束的标识符。

其实，JavaScript的语法几乎和java一样，像变量命名、赋值、基本运算、函数的声明及调用、各种逻辑结构等等，而且在某些方面还进行了简化（例如函数的说明、数字等），使用起来更灵活、方便。

比如：for (i = 1; i < 10; i++) { document.write(i); } 和java的写法完全一样。

下面只是把要注意的地方介绍一下：

（1）变量及声明

变量需要声明，没有声明的变量不能使用，格式为：var <变量名> [= <值>];

例如： var  strNamr = "张三";

注意：声明变量不用指出数据类型，其实就是指定了类型也没用。在实际执行时会根据情况自动处理。

（2）数据类型

由于 JavaScript 对数据类型不进行严格的（从声明变量就可看出），所以我们实际使用时也很少关注变量的具体类型，你基本可以简单地看分为“数值”、“字符串”和“boolean”三大类即可。

特别：对于字符串，同样需要用引号括起来，但是 JavaScript 中既可以用单引号，也可以是双引号，由你决定。但是用哪种引号开始就要用哪种结束，而且单双引号可嵌套使用，这主要是为了方便，避免频繁使用转义字符。

例如：'这里是"JavaScript 教程"。' 

（3）JavaScript 的特殊常量：

null ：一个特殊的空值。当变量未定义，或者定义之后没有对其进行任何赋值操作，它的值就是“null”。企图返回一个不存在的对象时也会出现null值。

NaN ：“Not a Number”，当运算无法返回正确的数值时，就会返回“NaN”值。NaN 值非常特殊，因为它“不是数字”，所以任何数跟它都不相等，甚至 NaN 本身也不等于 NaN 。

（4）数组

最简单的方式，声明变量时直接赋值：

var  myArray = [ 1, ‘Tom’ , 22 , ‘tom11@123.com’ ] ;  请仔细看看这里和 java有何不同之处。

也可以先声明一个空数组对象，以后再添加数组元素：

var <数组名> = new Array();

还可在定义数组的时候直接初始化数据：

var <数组名> = new Array(<元素1>, <元素2>, <元素3>...);

例如，var  myArray  =  newArray(1, 4.5, 'Hi');

（5）函数

可以声明自己的函数供调用。定义函数用关键字 function 进行声明：

function 函数名([参数集]) {

        ...

     [return[ <值>];]

        ...

} 

注意：不需要对返回类型进行说明，如果有返回值，在函数体内直接用return语句返回即可。在执行一个函数的时候，碰到 return 语句，函数立刻停止执行，并返回到调用它的程序中。

参数集可有可无，但括号就一定要有。 

例如： 

function addAll(a, b, c) {

    return a + b + c;

}

调用：

var total = addAll(3, 4, 5) ;

调用语句和函数声明并不需要同在一个范围之内，只要在同一页面（或引入的 js 文件中），都可调用。

二、文档对象

1、文档对象模型DOM

文档对象(DOM：文档对象模型Document Object Model) 是Web编程中一个比较重要的概念。

深刻理解DOM需要对XML有所了解，请仔细想一下 HTML文档的结构，其实就是一系列标记的嵌套，它们构成树形结构。

简单地可以将DOM理解为用xml结构的文档来描述一个页面对象的结构。我们用JavaScript（其实任何一种页面编程语言）对网页进行的所有操作，都是通过DOM进行的。

下图就是DOM对象树结构所包含的对象：

图中有些对象名是全小写的，有些是以大写字母开头的。

以大写字母开头的对象，引用该类的具体对象时，不使用类名，而直接用该对象实例的“名字”（Id 或 Name），或用它所属的对象数组指定。

例如：某名为 “applicationForm”的表单中，有一名为“textName”的文本框，引用该文本框时，要用“document.applicationForm.customerName”。

以下只对DOM中一些比较重要的对象及其常用属性、方法进行说明。

2、navigator 浏览器对象

可获取当前使用的浏览器的资料。

属性：

appName：返回浏览器名。IE 返回 'Microsoft Internet Explorer'。

appVersion：返回浏览器版本，包括了大版本号、小版本号、语言、操作平台等信息。

platform：返回浏览器的操作系统平台。

userAgent：返回以上全部信息。

3、screen 屏幕对象 

获取当前用户的屏幕设置。

属性：

width： 返回屏幕的宽度（像素数）。

height： 返回屏幕的高度。

availWidth： 返回屏幕的可用宽度（除去了一些不自动隐藏的类似任务栏的东西所占用的宽度）。

availHeight 返回屏幕的可用高度。

4、window 窗口对象

 最大的对象，它描述的是一个浏览器窗口。这个才是我们关注的页面内容的根。由于是根，一般引用它的属性、方法或下级时，不需要用“window.xxx”这种形式，而直接使用“xxx”。一个框架页面也是一个窗口。

属性：

status： 指窗口下方的“状态栏”所显示的内容。通过对 status 赋值，可以改变状态栏的显示。

opener：返回打开本窗口的窗口对象。

注意：返回的是一个窗口对象。如果窗口不是由其他窗口打开的，在 IE 中返回“未定义”（undefined）。

self： 指窗口本身，它返回的对象跟 window 对象是一模一样的。最常用的是“self.close()”，放在标记中：“关闭窗口”。

parent： 返回窗口所属的框架页对象。

方法：

open() ：打开一个窗口。用法：open(, <窗口名称字符串>, <参数字符串>);

其中：描述所打开的窗口打开哪一个网页。如果留空（''），则不打开任意网页。

<窗口名称字符串>：描述被打开的窗口的名称（window.name），可以使用'_top'、'_blank'等内建名称。这里的名称跟“”里的“target”属性是一样的。

<参数字符串>：描述被打开的窗口的外观。如果只需要打开一个普通窗口，该字符串留空（''），如果要指定外观，就在字符串里写上一到多个参数，参数之间用逗号隔开。

例：打开一个 400 x 100 的空白的窗口：

open( '', '_blank', 'width=400, height=100, menubar=no, toolbar=no, location=no, directories=no, status=no, scrollbars=yes, resizable=yes') ;

open() 方法有返回值，返回的就是它打开的窗口对象。所以，

var newWindow = open('','_blank');

这样把一个新窗口赋值到“newWindow”变量中，以后通过“newWindow”变量就可以控制窗口了。

resizeTo()：[<窗口对象>.]resizeTo(width, height)；使窗口调整大小到宽 width 像素，高 height 像素。

resizeBy()：[<窗口对象>.]resizeBy(deltaWidth, deltaHeight)；使窗口调整大小，宽增大 deltaWidth 像素，高增大 deltaHeight 像素。如果取负值，则减少。

alert() ：alert(<字符串>)；弹出一个只包含“确定”按钮的对话框，显示<字符串>的内容，整个文档的读取、Script 的运行都会暂停，直到用户按下“确定”。

confirm()：confirm(<字符串>)；弹出一个包含“确定”和“取消”按钮的对话框，显示<字符串>的内容，要求用户做出选择，整个文档的读取、Script 的运行都会暂停。如果用户按下“确定”，则返回 true 值，如果按下“取消”，则返回 false 值。

prompt()：prompt(<字符串>[, <初始值>])；弹出一个包含“确认”“取消”和一个文本框的对话框，显示<字符串>的内容，要求用户在文本框输入一些数据，整个文档的读取、Script 的运行都会暂停。如果用户按下“确认”，则返回文本框里已有的内容，如果用户按下“取消”，则返回 null 值。如果指定<初始值>，则文本框里会有默认值。

5、history 历史对象

指浏览器的浏览历史。在用浏览器的“前进”“后退”键可以到达的范围。

方法：

back()： 后退，跟按下“后退”键是等效的。

forward() ：前进，跟按下“前进”键是等效的。

6、document 文档对象

重要！描述当前窗口或指定窗口对象的文档。它包含了文档从到的内容，所以我们页面中的元素都在该对象之下。

虽然该对象很重要，但我们实际不常直接使用该对象的属性或方法，我们对其下属的对象更感兴趣。所以就不过多介绍该对象的属性和方法了。

方法：

write(); writeln()： 向文档中写入数据，所写入的会当成标准文档 HTML 来处理。

clear()：清空当前文档。

close() ：关闭文档，停止写入数据。如果用了 write[ln]() 或 clear() 方法，就一定要用 close() 方法来保证所做的更改能够显示出来。如果文档还没有完全读取，也就是说，JavaScript 是插在文档中的，那就不必使用该方法。

现在我们看一个很多网站都有的弹出式更新通知窗口。

将下列代码写为一个函数并调用：

var whatsNew = open('','_blank','top=50,left=50,width=200,height=300,' +

                'menubar=no,toolbar=no,directories=no,location=no,' +

                'status=no,resizable=no,scrollbars=yes');

whatsNew.document.write('

更新通知
');

whatsNew.document.write('

最后更新日期：2010.08.01

');

whatsNew.document.write('

2010.08.01：学院网站新增了获本学年奖学金学生名单，请及时查看。

');

whatsNew.document.write('

' + 关闭窗口

');

whatsNew.document.close();

7、forms[]; Form 表单对象

 document.forms[] 是一个数组，包含了文档中所有的表单（

）。要引用单个表单，可以用 document.forms[x]，但是一般来说，人们都会这样做：在标记中加上“name="..."”属性，那么直接用“document.<表单名>”就可以引用了。

Form 对象的属性：

name： 返回表单的名称，也就是属性。

action： 返回/设定表单的提交地址，也就是属性。

method： 返回/设定表单的提交方法，也就是属性。

target： 返回/设定表单提交后返回的窗口，也就是属性。

encoding： 返回/设定表单提交内容的编码方式，也就是属性。

方法：

reset() ：重置表单。这与按下“重置”按钮是一样的。

submit() ：提交表单。这与按下“提交”按钮是一样的。

事件：

onclick、onsubmit、onmouseover、onmouseout、onmousedown、onmouseup等

8、表单下的控件对象

以下都是表单中的元素对象。像它们公有的一些属性如name属性，就不在每个对象中重复介绍了。

Checkbox： 复选框对象 由“”指定。

属性：

name ：返回/设定用指定的元素名称。

value ：返回/设定用指定的元素的值。

form ：返回包含本元素的表单对象。

checked ：返回/设定该复选框对象是否被选中。为布尔值。

defaultChecked ：返回/设定该复选框对象默认是否被选中。为布尔值。

事件：

onclick

Hidden 隐藏对象 由“”指定。

属性value 返回/设定用指定的元素的值。

Password 密码输入区对象 由“”指定。

Text 文本框对象 由“”指定。

Textarea 多行文本输入区对象 由“