- HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
- 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
- 通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。
- 也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
外部 JavaScript 文件的文件扩展名是 .js。
如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件。 - 外部脚本不能包含 <script> 标签。
- 如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。
请使用 "id" 属性来标识 HTML 元素: - 请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖 - 通常我们在每条可执行的语句结尾添加分号。
使用分号的另一用处是在一行中编写多条语句。
在 JavaScript 中,用分号来结束语句是可选的。 - JavaScript 对大小写是敏感的。
- JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。
- JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。
- 您可以在文本字符串中使用反斜杠对代码行进行换行。
- 单行注释以
//
开头。 - 多行注释以
/*
开始,以*/
结尾。 - 变量是存储信息的容器。
- 变量必须以字母开头
变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
变量名称对大小写敏感(y 和 Y 是不同的变量)
JavaScript 语句和 JavaScript 变量都对大小写敏感。 - 当您向变量分配文本值时,应该用双引号或单引号包围这个值。
当您向变量赋的值是数值时,不要使用引号。如果您用引号包围数值,该值会被作为文本来处理。 - 在 JavaScript 中创建变量通常称为“声明”变量。
我们使用 var 关键词来声明变量
一个好的编程习惯是,在代码开始处,统一对需要的变量进行声明。
您可以在一条语句中声明很多变量。该语句以 var 开头,并使用逗号分隔变量即可
声明也可横跨多行
在计算机程序中,经常会声明无值的变量。未使用值来声明的变量,其值实际上是 undefined。
如果重新声明 JavaScript 变量,该变量的值不会丢失 - JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型:
var x // x 为 undefined
var x = 6; // x 为数字
var x = "Bill"; // x 为字符串
- 字符串可以是引号中的任意文本。您可以使用单引号或双引号
您可以在字符串中使用引号,只要不匹配包围字符串的引号即可:
var answer="Nice to meet you!";
var answer="He is called 'Bill'";
var answer='He is called "Bill"';
- JavaScript 只有一种数字类型。数字可以带小数点,也可以不带:
var x1=34.00; //使用小数点来写
var x2=34; //不使用小数点来写
极大或极小的数字可以通过科学(指数)计数法来书写:
var y=123e5; // 12300000
var z=123e-5; // 0.00123
- 布尔(逻辑)只能有两个值:true 或 false。
- 数组下标是基于零的,所以第一个项目是 [0],第二个是 [1],以此类推。
var cars=new Array(); // 推荐这种
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
var cars=new Array("Audi","BMW","Volvo");
var cars=["Audi","BMW","Volvo"]; // 推荐这种
- 对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:
var person={firstname:"Bill", lastname:"Gates", id:5566};
空格和折行无关紧要。声明可横跨多行:
// 推荐这种
var person={
firstname : "Bill",
lastname : "Gates",
id : 5566
};
对象属性有两种寻址方式:
name=person.lastname; // 推荐这种
name=person["lastname"];
- Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。 - 当您声明新变量时,可以使用关键词 "new" 来声明其类型:
JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
- JavaScript 中的所有事物都是对象:字符串、数字、数组、日期,等等。
在 JavaScript 中,对象是拥有属性和方法的数据。
在面向对象的语言中,属性和方法常被称为对象的成员。
您还可以向已存在的对象添加属性和方法。
在面向对象的语言中,使用 camel-case 标记法的函数是很常见的。您会经常看到someMethod()
这样的函数名,而不是some_method()
。
访问对象属性的语法是:
objectName.propertyName
您可以通过下面的语法调用方法:
objectName.methodName()
- 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。
函数就是包裹在花括号中的代码块,前面使用了关键词function
:
function functionname()
{
这里是要执行的代码
}
JavaScript 对大小写敏感。关键词 function
必须是小写的,并且必须以与函数名称相同的大小写来调用函数。
在调用函数时,您可以向其传递值,这些值被称为参数。
在使用 return
语句时,函数会停止执行,并返回指定的值。整个 JavaScript 并不会停止执行,仅仅是函数。JavaScript 将继续执行代码,从调用函数的地方。在您仅仅希望退出函数时 ,也可使用 return
语句。返回值是可选的
- 在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。
您可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。
只要函数运行完毕,本地变量就会被删除。 - 在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。
- JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。 - 如果您把值赋给尚未声明的变量,该变量将被自动作为全局变量声明。
carname="Volvo"; // 将声明一个全局变量 carname,即使它在函数内执行。 要避免做这样的事情。
-
+
运算符用于把文本值或字符串变量加起来(连接起来)。
如需把两个或多个字符串变量连接起来,请使用+
运算符。
要想在两个字符串之间增加空格,需要把空格插入一个字符串之中,或者把空格插入表达式中:
txt1="What a very";
txt2="nice day";
txt3=txt1+" "+txt2;
如果把数字与字符串相加,结果将成为字符串。
- 请使用小写的
if
。使用大写字母(IF)
会生成 JavaScript 错误! - JavaScript 支持不同类型的循环:
for
- 循环代码块一定的次数
for/in
- 循环遍历对象的属性
while
- 当指定的条件为 true 时循环指定的代码块
do/while
- 同样当指定的条件为 true 时循环指定的代码块 - break 语句用于跳出循环。
continue 用于跳过循环中的一个迭代。
通过标签引用,break 语句可用于跳出任何 JavaScript 代码块:
cars=["BMW","Volvo","Saab","Ford"];
list:
{
document.write(cars[0] + "<br>");
document.write(cars[1] + "<br>");
document.write(cars[2] + "<br>");
break list;
document.write(cars[3] + "<br>"); // 被跳过,不执行
document.write(cars[4] + "<br>"); // 被跳过,不执行
document.write(cars[5] + "<br>"); // 被跳过,不执行
}
-
try
语句测试代码块的错误。
catch
语句处理错误。
throw
语句创建自定义错误。
如果把 throw 与 try 和 catch 一起使用,那么您能够控制程序流,并生成自定义的错误消息。
function myFunction()
{
try
{
var x=document.getElementById("demo").value;
if(x=="") throw "值为空";
if(isNaN(x)) throw "不是数字";
if(x>10) throw "太大";
if(x<5) throw "太小";
}
catch(err)
{
var y=document.getElementById("mess");
y.innerHTML="错误:" + err + "。";
}
}
- JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。
- 必填(或必选)项目
下面的函数用来检查用户是否已填写表单中的必填(或必选)项目。假如必填或必选项为空,那么警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题):
function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}
- E-mail 验证
下面的函数检查输入的数据是否符合电子邮件地址的基本语法。
意思就是说,输入的数据必须包含 @ 符号和点号(.)。同时,@ 不可以是邮件地址的首字符,并且 @ 之后需有至少一个点号:
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false}
else {return true}
}
}