JavaScript-Web编程语言-基本概念

1. Web前端分工：

　　HTML——网页内容

　　CSS——网页布局

　　JavaScript——网页行为

2. JavaScript又称 ECMA-262（European Computer Manufacturers Association）标准的实现和扩展。

3. JavaScript脚本可放置于网页中或者外部文件中。

　　网页中的javascript脚本位于<script>和</script>标签之间。可放置于body和head部分。浏览器会解释并自动执行此部分代码。

　　外部文件中的JavaScript脚本无需<script>和</script>标签，文件扩展名为.js。

　　当网页需调用外部文件时，在<script>标签中设置相应js文件的引用，如：

　　　　<script src="script.js" / >

4. JavaScript基本输出

　　　　i　　使用window.alert()弹出警告框

　　　　ii　　使用document.write()将内容写入到html文档中

　　　　iii　　使用innerHTML写入到html元素中

　　　　　　　　.innerHTML属性为元素属性。

　　　　　　　　可通过document.getElementById("id_name")来获取标签对象，进而操作对象元素。

　　　　iv　　使用console.log写入到浏览器控制台

5. JavaScript基本说明

　　a. 大小写严格区分

　　b. 默认使用Unicode字符集

　　c. 函数可以重复使用　　

　　d. 数据类型包括数字、字符串、数组、对象等

　　e. 支持操作符包括

　　　　赋值运算符（= += -= /= *= %=）、

　　　　算术运算符（+ - * / % ++ --）、

　　　　位运算符（| & ! >> <<）、

　　　　比较运算符（== === != !== > < >= <=）

　　　　逻辑运算符（&& || !）

6. JavaScript语句——发给浏览器的命令，告诉浏览器要做的事情

　　a. 语句间用分号（;）分隔

　　b. 代码块用花括号包裹 {}

　　c. 自动忽略多余的空格

　　d. 在文本字符串中，使用反斜杠 \ 进行文本换行

　　e. 使用var定义的变量未初始化时，值为undefined

　　f. 同一个变量重复声明时，前值不会被覆盖。

7. JavaScript变量

　　a. 支持类型

　　　　值类型：字符串String、数字Number、布尔Boolean、空Null、未定义Undefined

　　　　引用类型：对象Object、数组Array、函数Function

　　b. 动态数据类型

　　　　同一名称的变量，根据赋值不同，具有不同的数据类型。

　　c. 字符串变量

　　　　可以用单引号或双引号括起来的任意文本

　　　　当要赋值的文本中包含引号时，不匹配包围字符串的引号即可，如'its name is "Kath"'、“I'm OK”

　　　　字符串赋值方式：　　

　　　　　　var str1="abcde";　　//正常赋值

　　　　　　var str2="I'm OK";　　//带特殊字符时，需使用转义符

　　　　　　var str3='I\'m OK';　　//同上

　　　　　　var str4="I have a pet called \"Polly\""

　　d. 数字：可带小数点，也可不带。支持科学计数法表示数字

　　e. 布尔：true / false

　　f. 数组：类名Array，

　　　　创建方式：

　　　　1）var arr=new Array();  arr[0]="string1"; arr[1]="string2";

　　　　2）var arr=new Array("string1","string2");

　　　　3）var arr=["string1","string2"];

　　g. 对象Object

　　　　创建方式：

　　　　1）var person={name:"John",birthday:"19/12/11"};

　　　　2）var person={

　　　　　　　　name:"John",

　　　　　　　　birthday:"19/12/11"

　　　　　　};

　　　　使用方式：

　　　　1）var name=person.name;

　　　　2）var name=person["name"];

　　h. Undefined 和 Null

　　　　Undefined 表示变量不含有值，未初始化

　　　　清空变量值时，可将变量值设置为Null来实现

　　i. 声明变量类型

　　　　当声明变量时想同时声明类型，可用new关键字，按以下方式：　　

　　　　var c=new String();

　　　　var i=new Number();

8. JavaScript对象

　　a. 对象定义

　　　　var person={

　　　　　　name:"John",

　　　　　　birthday:"19/12/11",

　　　　　　age:20,

　　　　　　getInfo : function()

　　　　　　{

　　　　　　　　return this.firstName;

　　　　　　}

　　　　};

　　b. 对象属性与访问

　　　　person.name、person.birthday、person.age

　　c. 对象方法与访问

　　　　person.getInfo()，如写成person.getInfo，则直接输出表达式 : function(){return this.firstName;}

9. JavaScript变量作用域与生命周期

　　全局变量可在全局访问。局部变量只能在局部访问。

　　变量生命周期在声明时被初始化。未声明直接使用的变量默认为全局变量。

　　局部变量在函数执行完毕后销毁。

　　全局变量在页面关闭后销毁。

　　函数参数只在函数内起作用，是局部变量。

10. JavaScript事件：

　　在HTML中使用JavaScript时，JavaScript可以触发这些事件。主要是HTML DOM事件