web 开发
前端
HTML 数据显示，负责内容
css 页面美化，负责样式
js 页面特效，与用户交互，负责行为
后端
PHP / JAVA / asp.net / python / Ruby / node.js /
----------------------------------------------------------------------------------------------------------------
1. javascript 简介
???1.1 什么是javascript
???????1.1.1 概念： javascript是 基于对象 和 事件驱动 并具有相对安全性的 客户端 脚本语言
???????1.1.2 发展简史：
???????????① Nombas公司1992年开发 嵌入式脚本语言 C-- 后改名 ScriptEase
???????????② Netscape公司 1995年发布LiveScript 后改名javascript1.0
???????????③ 三足鼎立 ?NetScape推出javascript1.1后，Microsoft推出Jscript, 加上 ScriptEase
???????????④ 标准化 1997javascript1.1 作为草案 提交给 ECMA（欧洲计算机制造商协会） 。由来自 Netscape、Sun、
???????????????微软、Borland 和其他一些对脚本编程感兴趣的公司的程序员组成的 TC39 锤炼出了 ECMA-262，该标准
???????????????定义了名为 ECMAScript 的全新脚本语言.
--------------------------------------------------------------------------------------------------------------------
1.1.3 组成： 核心（ECMAScript）浏览器对象模型（BOM） 文档对象模型（DOM）
???????1.1.4 客户端浏览器上执行的脚本 JavaScript ??VBScript ???applet（需要安装JDK）
???????1.1.5 ECMAScript核心: JavaScript ??ActionScript ?ScriptEase
???????1.1.6 扩展：node.js ?服务端开发（apache+php）手机app： ?phonegap框架
???????1.1.7 课程 内容：
???????????JS 基本语法
???????????JS 函数/数组/对象
???????????JS 内置对象
???????????JS 事件
???????????BOM
???????????DOM
???????????AJAX
???????????JQuery 类库
-----------------------------------------------------------------
1.1.8 浏览器
???????????IE ???IE6 ?7 ?8 ????/ ?IE9+
???????????非IE ?Chrome firefox ?opera ?Safari ...
---------------------------------------------------
1.2 javascript的特点
???????①.javascript是一种脚本编程语言，也是一种解释性语言
???????②.javascript的语法结构与C++、java十分类似
???????③.javascript是一种基于对象的语言
???????④.javascript具有跨平台性。
???????⑤.安全性与简单性
???????⑥ 基于对象（真正的对象 封装 继承 多态）
???1.3 javascript 和 java的区别
???????雷锋和雷峰塔
1.4 javascript 程序运行开发环境
???????1.NetScape.3.0 以上版本和IE3.0 以上版本
???????2.用于编辑HTML的字符编辑器
???1.5 javascript 优点与局限
???????1.5.1 优点
???????????①使用javascript在客户端进行验证，节省服务器资源 ?
???????????②方便的操控页面中的各个对象，使网页更加友好
???????????③使多种任务仅在客户端就可以完成而不需要网络和服务器的参与，从而支持分布式的运算和处理
???????1.5.2 局限
???????????①兼容性
???????????②javascript不能打开，读写和保存计算机上的文件
2. javascript基本语法
???2.1 在HTML中使用javascript
①JS应该写在HTML中那个位置??
② 写在header 中的 script标签内
③ 外部文件导入 script标签导入 <script src="script.js"></script> 标签内不能写代码
④ 通过事件 写在标签内 <tag onclick="code...."></tag>
2.2 基本语法
???????2.2.1 区分大小写
???????????一切都区分大小写
???????2.2.2 标示符
???????????不能一数字开头,可以由 数字/字母/下划线/$ 组成
2.3 注释
???????????单行注释： ?//
???????????多行注释： ?/* ?*/
???2.4 语句（指令结束符）
???????; ?或 换行
???2.5 关键字和保留字
???????break ??????else ???????new ????var
???????case ???????finally ????return ?void
???????catch ??????for ????????switch ?while
???????abstract ???enum ???????int ????short
???????······
-----------------------------------------
???2.4 变量
???????var 变量 = ‘值‘;
???????var 变量 = ‘值‘,变量 = ‘值‘,变量 = ‘值‘;
???????var 变量1 = 变量2 = ‘值‘;
---------------------------------------------------
2.5 数据类型 typeof() 返回一个值或变量 的数据类型
???????2.5.0 分类
???????????基本类型
???????????????String(字串) Boolean(布尔) Number(数值)
???????????复合类型
???????????????Object(对象) ??Array(数组)
???????????特殊类型
???????????????Null(空) ?undefined(未定义) ?function(函数)
----------------------------------------------
学JS从特效入手>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
1. 获取页面中的一个元素
???document.getElementById(‘id‘);
将获取到的元素写入值在HTML里
???一定要在html元素之后获取,或写在函数之内.
???
2. 获取或设置 元素的css属性
???element.style.color = ‘‘
???element.style.backgroundColor = ‘‘
3. 元素的属性(所有的元素都具有的属性)
???style
???innerHTML (双标签)
???HTML元素具有什么属性,当它被获取为对象后,该属性会自动变为该对象的属性
???(如 img: ?src width height alt title)
4. 定时函数
???4.1 单次定时
???????// 参1 字串,JS代码, 参2 时间(毫秒)
???????setTimeout(‘‘, time);
???????clearTimeout();
???4.2 多次定时
???????setInterval();
???????clearInterval();
多次定时实验：
单次定时实验：
JS 函数
=============================================================
1. 函数的声明
???1). function关键字
???????function 函数名([形参]){ JS code ... }
???2). 表达式方式
???????var 函数名 = function([形参]){ JS code ... }
???3). Function构造函数方式 理解为类和构造方法的结合体
???????var 函数名 = new Function(‘参数1‘,"func...");
2. 调用函数
???加括号才算真真的调用
???不加括号是 函数引用
js01
原文地址：https://www.cnblogs.com/sundebao/p/9445492.html