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}
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,711评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,932评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,770评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,799评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,697评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,069评论 1 276
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,535评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,200评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,353评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,290评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,331评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,020评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,610评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,694评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,927评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,330评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,904评论 2 341

推荐阅读更多精彩内容