JavaScript (基本教程)

时间：2013-04-25 10:39 来源：网络整理作者：采集侠收藏

要在你的网页中使用 JavaScript ，你首先必须要知道该将它放在哪儿。其实很简单，只要在你的网页（HTML文件）中插入 SCRIPT 和 /SCRIPT 标记对，你就可以在这两个标记队之间插入你的 JavaScript 代码了： script alert("Hello world!"); /script 另外，你也

要在你的网页中使用 JavaScript ，你首先必须要知道该将它放在哪儿。其实很简单，只要在你的网页（HTML文件）中插入 <SCRIPT> 和 </SCRIPT> 标记对，你就可以在这两个标记队之间插入你的 JavaScript 代码了：

你可以在一个 HTML 文件中使用 <SCRIPT> </SCRIPT> 标记对任意多次。虽然在通常情况下你都会将所有代码放在 HTML 文件的某一处，但有些时候为了保证你的JavaScript程序能够正确运行，你不得不将它们分散地放在 HTML 文件的多个地方。

不管你是在 HTML 文件中直接插入代码还是通过外部的单独的文件来使用 JavaScript ，通常都是将 <SCRIPT> </SCRIPT> 标记对放在 <HEAD> 和 </HEAD> 标记对之间。这样能够保证在你的网页被下载到客户端后开始执行 JavaScript 的时候你的 JavaScript 代码也已经被下载到客户端了。这同时也是放置你的 JavaScript 函数的好地方，如果你想要某些代码在你的网页显示出来之后才执行的话，你最好将这些代码放在函数里，等网页显示以后再通过调用函数来执行它们，。

另外一些时候，你有可能需要将你的脚本代码放在 <BODY> 和 </BODY> 标记对之间。这样做没什么不对的，因为如果你想要通过 JavaScript 代码来生成网页中的 HTML 语句，你就非常需要这样做，。

JavaScript 脚本标记

<SCRIPT> 标记还可以通过“ LANGUAGE = JavaScript 的版本”语句来指定所要使用的 JavaScript 的版本， “=”号后边的值可以是："JavaScript"、"JavaScript1.1" 或者 "JavaScript1.2"。大部分的浏览器都会自动识别它所支持的 JavaScript 的版本，而忽略它不支持的 JavaScript 。

你可以针对不同版本的浏览器使用不同的 JavaScript 脚本代码，下边的列表中列出了不同版本的 Netscape 浏览器所支持的不同版本的 JavaScript：

JavaScript - Netscape 2.0

JavaScript1.1 - Netscape 3.0

JavaScript1.2 - Netscape 4.0

所以对于 Netscape 2.0 浏览器，它将会忽略标记 <SCRIPT LANGUAGE="JavaScript1.2"> 中定义的 JavaScript1.2 版本的脚本代码，但是 Netscape 4.0 将会执行此版本的脚本代码（同时也可以执行前边两个版本的脚本代码）。你还可以在同一个网页（HTML 文件）中通过 <SCRIPT LANGUAGE="......"> 标记使用不同版本的 JavaScript 代码：

// 旧版本的 JavaScript 代码。
...
}
</script>
<script language="JavaScript1.2">
function f1() {

// JavaScript 1.2 版的代码。
...
}
</script>

在这个例子里，Netscape 2.0 浏览器将会执行第一个 <SCRIPT>....</SCRIPT> 标志对之间的函数 f1() 而忽略第二个 <SCRIPT>....</SCRIPT> 标志对之间的函数 f1() 。而对于Netscape 4.0 浏览器来说，它将会对两个 f1() 函数都进行处理，因为它支持这两个版本的 JavaScript，但是由于两个函数名字相同，浏览器会自动使用第二个函数 f1() 来覆盖掉第一个函数 f1()，因此执行的结果应该是第二个函数 f1() 的执行结果。

想要了解更多这方面的信息请参考：Netscape's JavaScript Reference.

JavaScript 语法基础

在你开始编写代码之前，你必须知道一些基本的 JavaScript 语法和结构。

JavaScript 语法与 C/C++、Java 的语法很相似，如果你想要了解非常详尽的语法，可以参考 Netscape's JavaScript Reference 或者 Microsoft's JScript Reference ，在那里你可以看到很多关于 JavaScript 语句、运算符、内建函数等等的内容列表，而我们这里只是讲一些在你开始学习 JavaScript 的时候需要掌握的一些基础语法知识！

【变量】

变量的声明使用关键字 var ，变量名可以是任意长度的字母、数字和下划线组成（“_”），同时变量名第一个字符不能是数字。注意：JavaScript 是对大小写敏感的，也就是说去分大小写，如变量 count 和变量 Count 是两个不同的变量！

在函数外边声明的变量是全局变量，在脚本代码或函数中的任何地方都可以对全局变量进行访问和使用。需要注意的是：在函数外边声明变量的时候，关键字 var 是可选的（即可用可不用，你可以直接给一个没有被声明的变量赋值），但是如果你在一个函数中想要使用一个局部变量（即变量的有效使用范围只是在函数里边），而且这个变量与函数外边的一个全局变量具有相同的变量名，那么你就必须在函数里边通过 var 来重新声明这个变量，这个变量亦即是一个局部变量。

下边是一些例子：

var text;
var high_score;
var count3 = 1;
var ErrorMessage = "Connect to host failed."
var daysLeft = 5.7;
var 82much = true; // 这行代码是有语法错误的。

【字符串】

JavaScript 中使用使用但英文的单引号（'）或双引号（"）将字符串括起来。如果你想在字符串中使用引号的话，只要在引号前边加上“\”号即可，请看下边示例：

var text1 = "Hello world.";
var text2 = 'Hello again.';
var text3 = "Don't click here.";
var text4 = "I said "No""; // 这行代码是有语法错误的，因为双引号里边又有双引号.
var text5 = 'I said "No"'; // text5 为: I said "No".
var text6 = "I said \"No\""; // text6 为: I said "No".

【运算操作符和表达式】

JavaScript 大部分的运算符和表达式都和 C/C++、Java 是一样的，例如，下边的语句都是合法：

total += 4;
i++;
msg = "Error code " + code; // 字符串合并

【语句】

JavaScript 大部分的语法也是和 C/C++、 Java 一样的，请看下边列表：

注释 - 使用'//' 来注释一个单行, '/*' 和 '*/' 可以注释多行；

循环 - for、do、while等等；

条件语句 - if....then....else；switch....case；

对象 - new、this、with 等等。

【函数】

使用 function 关键字来定义一个函数：

function name(arg1, arg2, ...) {
JavaScript statements...
} 函数名必须符合变量名的命名规则，调用函数的时候，使用函数名以及函数需要的参数即可：