web js基础

1、什么是JS
JS是一种运行于JS解释器/引擎中的解释型脚本语言
编译型语言：程序在运行前会进行编译
解释型语言：运行之前不会编译，直接执行，出错则停止

JS解释器/引擎：是JS脚本的运行环境
1、独立安装的JS解释器(NodeJS)
2、嵌入在浏览器内核中的JS解释器
PC,平板，手机，电视 … 全部都支持JS
2、JS的发展史
1、1992年 Nombas 为自己的软件开发了一款脚本语言C Minus Minus(C–)后更名为 ScriptEase,可以嵌入在网页中。
2、1995年 Netscape为自己的Navigator2.0 开发了另一种客户端脚本语言-LiveScript,为了借助Java势头，所以更名为 Javascript
3、1996年Microsoft为了进军浏览器市场，在IE3.0 中 发布了Javascript的克隆版，称为JScript
4、1997年，Javascript1.1作为草案提交给了ECMA(欧洲计算机制造商联合会),Javascript的核心 被更名成 ECMAScript

完整的JS语言是由三部分组成：
1、核心(ECMAScript)
2、文档对象模型(DOM)
Document Object Model
让JS有能力与页面进行对话(操作页面内容)
3、浏览器对象模型(BOM)
Browser Object Mode
让JS有能力与浏览器进行对话(操作浏览器)

JS语言的特点和用途
1、特点
1、任何文本工具都可以开发JS
2、无需编译，直接由JS引擎来执行
3、弱类型语言
由数据来决定数据类型
4、面向对象的语言
2、用于
1、客户端的JS
1、客户端数据计算
2、表单输入验证
3、浏览器事件的触发和处理
4、网页特效制作
5、服务器端的异步数据提交(AJAX)
2、服务器端的JS
1、分布式运算
2、实时服务器
3、窗口应用
4、网络应用
2、JS基础语法
1、使用JS(重点)
1、浏览器内核
内核作用：负责页面内容的渲染
组成：
1、内容排版引擎-解析HTML/CSS
2、脚本解释引擎-解析JS
浏览器 内核名 排版引擎 脚本引擎
IE Trident - Chakra
Firefox Gecko - Monkey
Safari Webkit Webcore Nitro
Chrome Webkit Webcore V8
Opera Presto - Carakan
Opera Webkit Webcore V8
(2013~今)
2、第一个JS程序
1、搭建JS运行环境
1、使用独立安装的JS解释器(NodeJS)
console.log(“Hello World”);
2、使用浏览器内核中的JS解释器
1、直接在Console中输入脚本并执行
2、将JS脚本嵌入在html页面中执行
1、html元素事件编写脚本
事件：onclick

2、在

 <script>元素中嵌入JS脚本
							<script>
								JS脚本
							</script>

document.write(“被排版引擎所解析的内容”);
3、使用外部脚本文件编写JS脚本
1、创建一个 **.js 文件
在文件中编写JS脚本
2、在使用的页面上进行引用

2、JS调试(重要)

console -> consloe
console -> Console
console.log("");--> console.log（“”）

；
1、代码错误
解释型语言，若某行代码出现错误，解释器则终止此次执行。但不会影响后续块和后续的HTML执行

<script></script>

3、语法
1、编写JS代码
1、语句-会被JS解释器所执行的代码
console.log();
document.write();

由表达式、关键字、运算符组成
大小写敏感
由分号或换行表示结束
2、注释-不会被JS解释器所执行的内容
单行注释：//
多行注释：/* */
3、变量和常量(重点)
1、什么是变量
问题：向银行存1000元钱，每年利率5%，求10年后的本息是多少钱？

内存：保存计算机程序在运行过程中所需要用到的数据（临时存储）

变量：内存中的一段存储空间,目的是为了临时的保存数据。
值：保存在变量(内存空间)中的数据
变量名：内存空间的别名，可以自定义
2、变量的声明
到内存中申请一段空间保存数据
1、语法
1、声明变量
var 变量名;
2、为变量赋值
变量名=值;
注意：
声明时可以省略var关键字，省略之后变量就成了"全局变量"，推荐不要省略var关键字
ex:声明一个变量叫 age，保存数据 18
var age;
age=18;
3、声明变量并直接赋值
var 变量名=值;
ex: var age=18;
4、在一条语句中声明多个变量
声明变量age1的值为18，age2的值为36，age3的值为50
var age1=18;
var age2=36;
var age3=50;

语法：
var 变量名1,变量名2=值,…;
ex:
var age1=18,age2,age3=50;
2、变量名命名规范
1、不允许使用JS关键字及保留关键字
2、可以包含字母、数字、下划线(_)以及$
var %name;//错误，不允许出现%
3、变量名不能以数字开头
var 1=2; //错误，不能以数字开始
var 1name;//错误
4、变量名最好见名知意
var a,b,c,d,e,f,g;
var aa,ab,ac;
//以上方式不推荐
var stuName,stuAge;
var xymc;
5、可以采用"匈牙利命名法",“驼峰命名法”,“下划线命名法”
驼峰命名法：
如果变量名由一个单词组成，全小写
如果变量名由多个单词组合而成，第一个单词全小写，从第二个单词开始，每个单词的首字母变大写
ex:

var age=15;
var stuAge;