W3C:JavaScript基本语法

  • 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}
    }
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容