小白教你JavaScript入门
一.首先，我们来了解一下
1.JavaScript是什么？
JavaScript是一种小型的、轻量级的、面向对象的、跨平台的客户端脚本语言。
JavaScript是嵌入到浏览器软件当中的去的，只要你的电脑有浏览器就可以执行JS程序了。
JavaScript是一种面向对象的程序语言。
在程序中，对象是由属性和方法构成。
在现实中，男女朋友就是一个对象。东西就是对象。一个物体就是对象。
对象有各种各样的特征(属性)，如：身高、体重、年龄、姓名、学历等。
对象有很多方法。人这个对象，可以干什么？或者人的行为。如：开飞机、打电脑、上网等。
注意：JS中的对象只要会用就可以了，不需要我们自己去开发对象。
跨平台：JS程序可以在多种平台下运行，如：windows、linux、mac、IOS等。
客户端脚本程序：JS只能在客户端的浏览器来运行，不能在服务器端来运行。
浏览器是一个翻译器，可以翻译三种代码：HTML代码、CSS代码、JavaScript代码。
JavaScript历史和发展
JavaScript语言最初称为LiveScript语言，是由Netscape（网景）公司为Netscape Navigator 2.0开发的脚本语言。希望借助流行的Java使LiveScript流行起来，因此改名为JavaScript。
Microsoft在IE3.0中引入了JavaScript。因为Microsoft没有授权使用JavaScript商标，因此将其改名为Jscript。
1997年，JavaScript 1.1被提交到ECMA(欧洲计算机制造商协会)。并在1997.6ECMA制定了第一个正式语言规范ECMA－262，并命名为ECMAScript。
各浏览器中的脚本是对ECMA－262语言规范的具体实现。Navigator中，ECMAScript的实现称之为JavaScript，而IE中称之为Jscript，这些都是对ECMAScript的具体实现。
解释型语言
计算机不能直接理解任何除机器语言以外的语言，所以必须要把程序员所写的程序语言翻译成机器语言，计算机才能执行程序。将其他语言翻译成机器语言的工具，被称为编译器。
编译器翻译的方式有两种：一个是编译，一个是解释。当编译器以解释方式运行的时候，称之为解释器。
解释性语言编写的程序不进行预先编译，以文本方式存储程序代码。
常见解释性语言：HTML、XHTML、JavaScript、XML、CSS、AJAX等。
2.JavaScript能干什么？
表单验证：是JS最基本的功能。
动态HTML：可以实现一些动态的、重复的效果。
交互式：人机交互，通过键盘或鼠标，与网页中的元素进行交互。
数据绑定：HTML中表单和表格能够以.txt文件定义的数据源，通过对位于服务器端的数据源文件的访问，便可以将数据源中的数据传送到客户端，并将这些数据保存在客户端。
少量数据查找：能够实现在当前网页中进行字符串的查找和替换。
AJAX核心技术：AJAX即异步JavaScript+XML。该对象提供一种支持异步请求的技术，使客户端可以使用JavaScript向服务器提出请求并处理响应，但并不影响用户在客户端的浏览。
3.<script></script>标记
JS代码也是嵌入到HTML文档中去的。
同一个网页中，可以有HTML代码、CSS代码、JavaScript代码。
通过<script></script>来引入JS程序代码
4.常用的两个客户端输出方法
（1）document.write(str)
描述：在网页的<body>标记，输出str的内容。
document意思文档，就是整个网页了。
document是一个文档对象，代表整个网页。
write()是document对象的一个输出方法。
.小数点：通过小数点(.)来调用对象的方法。
str：表示要输出的内容。
（2）window.alert(str)
描述：在当前窗口中弹出一个警告对话框，str为对话框中显示的内容。
window代表当前浏览器窗口，window是一个窗口对象。
alert()方法：弹出一个对话框。
str：表示要输出的内容。
5.JS中的注释
HTML的注释：<!注释内容-->
CSS注释：/* 注释 */
JavaScript的注释：// 或 /* 多行注释 */
下面我们来认识一下变量。
二.变量
1、变量的概念
变量是变化的一个量。
变量可以看成是一个未知数。 x = 10
变量可以看成是一个符号代号。
变量可以看成是宾馆的房间号。
变量一般是指程序的数据。
变量是在内存中存在和运行的。
变量是临时存在的数据。我们可以把计算机内存看成是一个一个的小格子。每个小格子里可以存储一个变量的名称和变量的值。
2、变量的声明
变量的声明，就相当于预订宾馆的房间。
语法格式：var 变量名 = 变量值
声明变量是使用系统关键字var来进行的。
举例：
var name; //声明一个变量
var name,sex,edu; //同时声明多个变量，多个变量间用英文下的逗号隔开
var name = 张三; //一边声明一边赋值
3、变量的命名规则
变量名可以包含字母、数字、下划线。
变量名不能以数字开头，可以以字母或下划线开头。如：var _name;(正确的) var 3abc;(错误的)
变量名不能是系统关键字。如：var、switch、for、try、case、else、while等。
JS中的变量名是区分大小写的。如：name和Name是两个变量
JS中变量的名称一定要有意义。
如果变量名由多个单词构成的话，该如何表示呢？
驼峰式命名：第一个单词全小写，后面的每一个单词首字母大写。如：var getUserName
下划线式命名：所有单词全小写，中间用下划线连接。如：var get_user_name
4、给变量赋值
给变量赋值，就是往空间中装东西。
使用赋值号＝来给变量赋值。
语法：var变量名 =变量值
举例：var name = 张三;
＝的理解
将=右边的运算结果赋给左边的变量名。
应该是=右边先运算，再把运算的结果，赋给左边的变量。
＝左边只能是一个变量名，而不能是运算表达式。
三.变量的数据类型
变量是有数据类型的，这个类型来源于变量的值，换句话说：值是什么类型的，变量就是什么类型的。
JS中变量的类型有：数值型、字符型、布尔型、undefined、null、array、object、function
1、数值型：可以进行算术运算的(加、减、乘、除)
2、字符型：用单引号或双引号引起来的一个字符串
注意：字符型变量不能进行算术运算，只能进行连接运算。
四.JS中的运算符
运算时，只能进行同类型运算。如果类型不同，将进行类型转换。
1、算术运算符：+、-、*、/
var a = 10;
var b = a + 10; // b = a+10 = 10+10=20
注意：如果+左右两个操作数，都是数值的话，将执行加法运算。
（2）如果+左右有一个操作数是字符的话，那么，另一个值将转成字符串。这两个操作数进行的是连接运算。
2、赋值运算符：=、+=
赋值运算符，将=右边的运算结果，赋给左边的变量。
var a = 10+100;
+=先加后等
//声明变量，并且给变量赋值
var a = 10;
//变量a先加20，再将运算结果，赋给左边的变量
a += 20; // 展开后 a = a + 20 = 10+20=30
五.写程序的一般步骤
变量初始化：变量声明、变量赋值
程序的运行过程。
输出结果
实例：输出个人的基本信息
今天就到这里吧，明天我们将深入了解JavaScript
发表评论 取消回复