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

Posted 2021-02-27 cinlon

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”

　　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();