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