JavaScript（1）

JavaScript

JavaScript 保留关键字

Javascript 的保留关键字不可以用作变量、标签或者函数名。有些保留关键字是作为 Javascript 以后扩展使用。

---

abstract    arguments   boolean break   bytecase    catch   char    class*  constcontinue    debugger    default delete  dodouble  else    enum*   eval    export*extends*    false   final   finally floatfor function    goto    if  implementsimport* in  instanceof  int interfacelet long    native  new nullpackage private protected   public  returnshort   static  super*  switch  synchronizedthis    throw   throws  transient   truetry typeof  var void    volatilewhile   with    yield   

如果浏览器不支持JavaScript，可以使用<noscript></noscript>标签显示noscript中的内容
noscript元素用来定义在脚本中未被执行时的代替内容

JavaScript 变量

1. 变量是用于存储信息的”容器”。

   var x=5;var y=6;var z=x+y;

   • 变量必须以字母开头
   • 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
   • 变量名称对大小写敏感（y 和 Y 是不同的变量）

2. 声明（创建） JavaScript 变量

   用 var 关键词来声明变量：

   var carname;

   如需向变量赋值，请使用等号：

   carname = "Volvo";

   你也可以在一个语句中声明多个变量

   var lastname = "Doe", age = 30, job = "carpenter";

   同样你也可以横跨多行

   var lastname="Doe"，     age=30，job="carpenter";

   在JavaScript中未使用值来声明的变量，其值将是undifined，并且重新声明的变量依旧是undifined

   var carname;//此时是undifined  var carname="Volvo"; var carname;//此时仍旧是undifined    

JavaScript 消息框

1. 警告框

   警告框经常用于确保用户可以得到某些信息。
   当警告框出现后，用户需要点击确定按钮才能继续进行操作。

   function myFunction(){    alert("你好，我是一个警告框！");}

2. 确认框

   确认框通常用于验证是否接受用户操作。
   当确认卡弹出时，用户可以点击 “确认” 或者 “取消” 来确定用户操作。
   当你点击 “确认”, 确认框返回 true， 如果点击 “取消”, 确认框返回 false。

   var r = confirm("按下按钮");if (r == true){    x = "你按下了\"确定\"按钮!";}else{    x = "你按下了\"取消\"按钮!";}

3. 提示框

   提示框经常用于提示用户在进入页面前输入某个值。
   当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。
   如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。

   var person = prompt("请输入你的名字","Harry Potter");if (person != null && person != ""){    x = "你好 " + person + "! 今天感觉如何?";    document.getElementById("demo").innerHTML = x;}

JavaScript 变量的数据类型

---

字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。
1. JavaScript 拥有动态类型

JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型：    var x;               // x 为 undefined    var x = 5;           // 现在 x 为数字    var x = "John";      // 现在 x 为字符串

1. JavaScript 字符串

   字符串是存储字符的变量。字符串可以是引号中的任意文本，你可以使用单引号或双引号。

   var carname = "Volvo XC60";var carname = 'Volvo XC60';var answer = "It's alright";var answer = "He is called 'Johnny'";var answer = 'He is called "Johnny"';    计算字符串的长度    "Hello World!".length;charAt()charCodeAt()    拼接字符串,直接用 + 运算符也能达到这个效果    concat()    "hello".contact(" world");fromCharCode()    字符串使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置：    indexOf()    "Hello world, welcome to the universe.".indexOf("welcome");    字符串使用 lastIndexOf() 来定位字符串中某一个指定的字符最后出现的位置    lastIndexOf()    match()函数用来查找字符串中特定的字符，并且如果找到的话，则返回这个字符。    match()    "Hello world!".match("world");    字符串替换           replace()    "Please visit Microsoft!".replace("visit", "goto");    用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。    如果没有找到任何匹配的子串，则返回 -1。    search()    提取字符串的片断    slice()    split()    "a,b,c,d,e".split(",");    抽取指定数目的字符：          substr(start, length)    substring() 方法用于提取字符串中介于两个指定下标之间的字符。    substring(from, to)    toLowerCase() / toUpperCase()    "Hello World!".toLowerCase();    valueOf() 方法可返回 String 对象的原始值。      valueOf()

3.JavaScript 数字

JavaScript只有一种数字类型。数字可以带小数点，也可以不带：    var x1 = 34.00;      //使用小数点来写    var x2 = 34;         //不使用小数点来写极大或者极小的数字可以通过科学计数法来写    var y = 123e5;      // 12300000    var z = 123e-5;     // 0.00123在JavaScript中，数字不分为整数类型和浮点型类型，所有的数字都是由浮点型类型，均为64位数值的分类：    整型：八进制(0377)，十进制， 十六进制(0xff)    浮点型：    特殊值：Infinity (无穷大), NaN (非数字值)number.toString(16 8 2) var n = 100;var nn = n.toString(16) parseInt parseFloatvar a = parseInt("123");var b = parseFloat("123.45         ");Number(String)var n = Number("123");  String.valueOf()

4.JavaScript 布尔

布尔（逻辑）只能有两个值：true 或 false。    var x = true;    var y = false;

5.JavaScript 数组

下面的代码创建名为 cars 的数组：    var cars = new Array();    cars[0] = "Saab";    cars[1] = "Volvo";    cars[2] = "BMW";//或者condensed array    var cars = new Array("Saab", "Volvo", "BMW");//或者literal array    var cars = ["Saab", "Volvo", "BMW"];

6.JavaScript 对象

---

对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：

    var person = {firstname:"John", lastname:"Doe", id:5566};

空格和折行无关紧要。声明可横跨多行：

    var person = {        firstname : "John",        lastname  : "Doe",        id        :  5566    };

也可以这样创建：

    var person = new Object();    person.firstname = "John";    person.lastname = "Doe";    person.age = 50;    person.eyecolor = "blue";

对象属性有两种寻址方式：

name = person.lastname;name = person["lastname"];

7.JavaScript Undefined和Null

---

Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。