Web网站: 三大技术
(1)HTML(骨骼): 设计网站基本结构; 超文本标记语言
(2)CSS(肉体): 对于结构一种美化/装饰; 层叠样式表
(3)JavaScript(JS)(灵魂): 提供了用户和界面之间的一种交互行为;
JavaScript介绍:
JS是运行在客户端(浏览器)的脚本语言,是基于事件驱动的弱类型的脚本语言; 浏览器的内核: 渲染引擎和JS引擎
脚本语言:
是一种解释型的语言,解释性语言是指它常用的执行机制是使用一个“解释器”来执行,解释器对于程序是一句一句“翻译”成机器语言来一句一句执行,例如shell脚本语言。(将代码翻译一句, 就会执行一句)
编译型的语言:
编译型语言是指它常用的执行机制是使用一个“编译器”来编译成机器语言,然后你就可以直接运行(执行)这个编译成的“可执行文件”。例如C语言你也可以为解释性语言(如shell脚本语言)写个编译器来编译,这样它就成了“编译语言”
(将代码 编译完成之后 统一的来执行)
弱类型:
是指根据变量的值 来确定 变量的数据类型,主要是通过 var 定义变量: var a=10
强类型的语言:
Java, C# , php , python......
事件驱动:
指 JS提供了有关的事件(被动的行为)
JavaScript基本的构成:
(1)ECMAScript(5.0) ==>ES5: JS基础语法 变量,数据类型,运算符和表达式, 流程控制, 函数, 数组, 对象....
(2)BOM操作(浏览器对象模型): 操作浏览器的一些行为;
(3)DOM操作(重点)(文档对象模型): 操作HTML文档;
JavaScript引入页面的三种方式
(1)行间嵌入;
(2)内嵌嵌入;
(3)外部引入;
JavaScript的变量:
变量: 就是指在一段程序中 不断变化的量;
变量: 是指内存中存储数据的一种方式;
(1)定义变量: 使用var 关键字定义 变量 var 变量名称;
(2)变量的初始化: 相当于 给变量赋值 var 变量名称=值;
(3)变量值的访问/获取: 是通过 变量名称 访问的 var 变量名称=值; alert(变量名称);
JavaScript变量的名称规范:
(1)变量推荐使用 驼峰命名语法: getElementById getName userName;
(2)变量必须是以 $, _ , 字母开头, 变量中可以包含数字,但是 不能以数字开头;
(3)可以使用中文, 但是 很low, 可读性差;
(4)不能使用JS的关键字和保留字;
(5)变量名称 推荐: 要有意义
(6)区分大小写: userName和 username 表示不同的变量
JavaScript变量的数据类型: 分为两大类:
(1)基本的数据类型;
number(数字),string(字符串),boolean(布尔类型),undefined(未定义类型),null(空类型)
(2)复杂的数据类型:
object(对象类型): Array(数组),Date(日期),Math(数学).... function类型 函数类型