1，JavaScript的介绍

JavaScript是什么

JavaScript 是一种基于对象和事件驱动并具有相对安全性
的客户端脚本语言。
对象中的三大要素/三大特征:
属性: 用来描述一个对象的外观特征表现.
方法(主动行为): 对象自己本身所具备的能力.
事件(被动行为):对象自己接受到一种指令需要完成的一种行为

解析执行与编译执行

编译执行：把代码编译成 CPU 认识的语言(文件)，然后整体的执行。
解析执行：一行一行解析，解析一行执行一行。
弱类型脚本语言：
脚本语言是：弥补编译语言的不足而存在的，作为补充语言，不用编译。
弱类型语言：简单理解定义一个变量，可以有多种数据类型。

前端三大模块

HTML：页面结构
CSS：页面表现：元素大小、颜色、位置、隐藏或显示、部分动画效果
JavaScript：页面行为：部分动画效果、页面与用户的交互、页面功能

2.JavaScript入门基础

JavaScript 嵌入页面的方式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--外部js文件-->
		<!--<script type="text/javascript" src="js/JSDemo.js" charset="UTF-8"></script>(外部js文件)-->
	</head>
	<body>
		<!--行内js文件-->
		<!--<div onclick="alert('你好，js')">点击试试</div>-->
		<!--内嵌js文件-->
		<script type="text/javascript">
			alert('你好,js');
//			confirm('确定关闭窗口吗？');
//			prompt('请输入内容');
//          写入控制台
//			console.log('js是一种基于对象和事件驱动的客户端脚本语言');
//			console.error('输入信息错误');
//			console.warn('警告');
//          写入浏览器的文档流中
//			document.write('<h1>这是写入浏览器的方式</h1>');
		</script>
		<script src="js/jsDemo.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>

JavaScript的变量

变量：其实就是用来存储数据的，在整个程序中不断发生改变的量。称之为变量。
变量声明是时就在内存中申请一片存储空间，用来存储数据。

变量的定义

声明一个变量，使用关键字var

变量的命名规则

(1)驼峰命名法: getElementById/userName
(2)变量的名称可以使用$,_,字母以及数字命名,但是名称不能以数字开头;
(3)不能使用js中关键字命名;
(4)可以使用中文命名;
(5)变量的名称长度不能超过255个字符;
(6)名称中不可以出现空格;
(7)在js中区分大小写;

3.JavaScript数据类型

基本的数据类型

1. 数字类型(number)

//			整型类型
//			var num=10;
//			使用关键的方法typeof测试该变量的数据类型
//			alert(typeof(num));
//			浮点型
			var num=45.12;
			alert(typeof(num));

2. 字符串类型(string)

//          var strName='张三'  
//          alert(typeof(strName));
            var strNum='2';
            alert(typeof(strNum));

3. 布尔类型(boolean)

赋值的时候只有两种 true/false

//          var bool=false;
//          alert(typeof(bool));
            var bool=true;
            alert(typeof(bool));

特殊的数据类型

1. 未定义型(undefined)

            var num;
            alert(typeof(num));

2. null类型

            var num=null;
            alert(typeof(num));

3.对象类型(object)

//          new关键字 用来创建新的对象/实例化
            var number=new Number(3);
//			alert(typeof(number));
			alert(number);

4. 数据类型转换

将字符串转换为数字类型

            var strnum='12.34';
//          第一种方法
//          var num=Number(strnum);
//          alert(typeof(num));
//          alert(num);
//          第二种方法
//          parseInt:将字符串型转换为整型
//          var num1=parseInt(strnum);
//          alert(typeof(num1));
//          alert(num1);
//          parseFloat:将字符串型转换为浮点型
            var num2=parseFloat(strnum);
            alert(typeof(num2));
            alert(num2);

数字类型转换为字符串类型

            var num=5;
            var strnum=String(num);
//          alert(typeof(strnum));
            alert(strnum);

将日期类型转换为字符串类型

            var dat=new Date();
//			alert(typeof(dat));
			alert(typeof(dat.toString()));

5.JavaScript中的运算符和表达式

算术运算符

算术运算符用于在程序中进行加、减、乘、除等运算。
JavaScript中常用的算术运算符如下：
+（加）、-（减）、*（乘）、/（除）、%（求余）、++（自增）、–（自减）

自增运算符

i++：先赋值后运算
++i：先运算后赋值

自减运算符

i–: 先赋值后运算
–i: 先运算后赋值

比较运算符

< （小于）、> （大于）、<=（小于等于）、>= （大于等于）、== （是否等于）、!= （是否不等于）
举例：

            var age=15;
//          document.write("age>20:"+(age>20)+"<br />");
//          document.write("age<20:"+(age<20)+"<br />");
//          document.write("age==20:"+(age==20)+"<br />");
            document.write("age！=20:"+(age！=20)+"<br />");

赋值运算符

JavaScript中的赋值运算可以分为2种：简单赋值运算和复合赋值运算。
简单赋值运算是将赋值运算符（=）右边表达式的值保存到左边的变量中。
复合赋值运算结合了其他操作（如算术运算操作）和赋值操作。

逻辑运算符

逻辑运算符通常用于执行布尔运算，它们常常和比较运算符一起使
用来表示复杂比较运算，这些运算涉及的变量通常不止一个，而且常用于
if、while和for语句中。
常用的算术运算符：
&&：逻辑与，若两边表达式的值都为true，则返回true；任意一个值为false，则返回false。
||：逻辑或，只有表达式的值都为false，才返回false，其他情况返回true
!：逻辑非，若表达式的值为true，则返回false；若表达式的值为false，则返回true

条件运算符

语法：
条件 ? 表达式1 : 表达式2;
说明：
如果“条件”为true，则表达式的值使用“表达式1”的值；如果“条件”为false，则表达式的值使用“表达式2”的值。

JavaScript的介绍、变量、数据类型及其转换、运算符