JS简介

介绍:
和java几乎没有关系
是一种编程语言

起源:填写信息账户名密码有规则

以前网很慢发给服务器验证再返回的时间太长体验太差所以把这些验证放在浏览器上验证不会花费太长时间（网页前端验证）

最早：NetScape（网景）----- Navigator浏览器（航海家）

该公司发现了这个不足之处所以发明了LiveScript（JS前身）
----前端验证后来SUN公司介入更名JS

当然现在的JS不止于前端验证因为网速现在很快了即使将验证放在服务器也可以功能还有动态效果 NodeJS是写服务器（后端）

后来：微软 ---- Explorer ----- Navigator · JScript ------ JS 功能一摸一样

NetScape干不过微软所以捐给了欧洲计算机协会----标准ECMAScript（ES）
是标准但是没有实现就和内核一样

不同的浏览器厂商不同实现 —实现方式（引擎）

FireFox前身是Navigator-----SpiderMonkey

Chrome------v8（整个JS当中最快的一个引擎）NodeJS也是用这个

JS=ES+DOM（文档对象模型）提供一组对象来操纵网页+BOM（浏览器对象模型）提供一组对象来操纵浏览器

JS特点：

解释性语言 写完直接运行不用编译
动态语言–变量的值比较任意可以保存任意类型的数据
基于原型的面向对象

script标签

alert() 警告弹框

document 文档（一个网页就是一个文档）

document.write() 可以向body中输出一个内容

console.log()向控制台输出一个内容（日志）

JS代码从上到下依次执行

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- JS代码需要编写到script标签中 -->
		<script type="text/javascript">
			// 控制浏览器弹出一个警告框
			alert("这是我的第一行JS代码");
			// 让计算机在页面中输出一个内容
			// document.write()可以向body中输出一个内容
			document.write("你看我出不出来哦～");
			// 向控制台输出一个内容
			// console.log()向控制台输出一个内容(日志)
			console.log("猜猜我在哪出来");
		</script>
	</head>
	<body>
	</body>
</html>

JS编写位置

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<!-- 
			可以将js代码编写到外部js文件中，然后通过script标签引入
			写到外部文件中可以在不同的界面中同时引用，也可以利用到浏览器的缓存机制
			推荐的方式
		 -->
		 <!-- 
			script标签一旦用于引入外部文件，就不能再编写代码了，即使编写了浏览器也会忽略 
			如果需要则可以再创建一个新的script标签用于编写内部代码
		 -->
		 <script type="text/javascript" src="script.js"></script>
		 <script type="text/javascript">
		 	alert("我是内部的script代码");
		 </script>
		 
		<!--
			可以将js代码编写到script标签
		<script type="text/javascript">
		
			alert("我是script标签中的代码");
			
		</script>
		-->
	</head>
	<body>
		<!-- 
			可以将js代码编写到标签onclick属性中
			当我们点击按钮时，js代码才会执行
			
			虽然可以写在标签的属性中，但是他们属于结构和行为耦合，不方便维护，不推荐使用
		 -->
		 <button onclick="alert('讨厌，你点我干嘛～');">点我一下</button>
		 
		 <!-- 
			可以将js代码写在超链接href属性中，这样当点击超链接时，会执行js代码
		  -->
		 
		  <a href="javascript:alert('让你点你就点？');">你也点我一下呗</a>
		  <a href="javascript:;">你也点我一下</a>
	</body>
</html>

alert("我是外部JS文件中的代码");//script.js

JS基本语法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			/*
				JS注释
				多行注释：注释中的内容不会被执行，但是可以在源代码中查看
					要养成良好编写注释的习惯，也可以通过注释来对代码进行一些简单的调试
			*/
		   
		   //单行注释
		   //alert("hello");
		   //document.write("hello");
		   console.log("hello");//经过调试，该语句用来在控制台输出一个日志
		   
		   /*
		    * 1.JS中严格区分大小写
			* 2.JS中每一条语句以分号(;)结尾
			*				- 如果不写分号，浏览器会自动添加，但是会消耗一点的系统资源
			* 				  而且有些时候，浏览器会加措分号，所以开发中分号必须写
			* 3.JS中会忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化
			*/
		</script>
	</head>
	<body>
	</body>
</html>

字面量和变量

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			/*
			 * 字面量：都是一些不能改变的值
			 * 比如1 2 3 4 5
			 * 字面量都可以直接使用，但是我们一般都不会直接使用字面量
			 * 
			 * 变量：变量可以用来保存字面量，而且变量的值是可以任意改变的
			 * 		变量更加方便我们使用，所以在开发中都是通过一个变量来保存一个字面量
			 * 		而很少直接使用字面量
			 */
			
			// 声明变量
			// 在js中使用var关键字来声明一个变量
			var a;
			
			// 为变量赋值
			a = 10;
			a = 20;
			console.log(a);//如果没有赋值 输出undefined
			
			// 声明和赋值可以同时进行
			var b = 30;
			console.log(b);
			
			
		</script>
	</head>
	<body>
	</body>
</html>

标识符

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			/*
			 * 标识符：
			 * 		- 在JS中所有的可以由我们自主命名的都可以成为标识符
			 * 		- 例如：变量名、函数名、属性名都属于标识符
			 * 		- 命名一个标识符时需要遵循以下的规则：
			 * 			1.标识符中可以含有字母、数字、_、$
			 * 			2.标识符不能以数字开头
			 * 			3.标识符不能是JS中的关键字和保留字
			 * 			4.标识符一般都采用驼峰命名法
			 * 				- 首字母小写，每个单词开头的字母大写，其余字母小写
			 * 				helloWorld xxxYyyZzz
			 * 		- JS底层保存标识符时实际上采用的是Unicode(UTF-8)编码
			 * 		  所以理论上来说，所有的UTF-8含有的内容都可以作为标识符
			 */
			
			var 中国 = 520;
			console.log(中国);
		</script>
	</head>
	<body>
	</body>
</html>