JS，网页临摹

JavaScript

简介

简称：JS
简绍：一门面向对的事件驱动型、解释型脚本语言
规范：ES6（最新版）	ES5（目前使用最多）

作用

1.可以动态改变HTML网页中的标签属性
2.可以动态的修改标签的样式
3.可以对用户输入的数据进行校验
4.可一动态操作网页中的标签
5.实现异步通信

书写位置

1.在标签的事件属性值中写（不建议）

2.在script标签中写
	<script type="text/javascript">
		JS
	</script>

3.在js文件中写，使用script标签引入js文件
	<script src="">
	</script>
	
（如果script标签是用来引入js文件，就不要在其中写js代码）

注释

语法
	单行注释
		//
	多行注释
		/*注释内容*/
	文档注释
		/**	*/	在JS中和多行注释相同

输出

控制台输出	只能输出文本
	console.log("输出内容");

网页输出	给页面上输出文本，也可以输出HTML标签
	document.write("网页输出");
	document.write(">hr");

弹框输出	以弹框的形式输出
	alert(输出内容);

数据类型

数字：number
	1\2\-1...
字符串string	用''或""包裹
	faafa	骄傲	小明十八岁
布尔：boolean
	值：true	false
	在前端，除了0，“”，未定义，false，null，以外都是true
空：null
	值：null
未定义undefined
	值：undefined

对象：object

变量

作用：记录一个值可以被改变的数据

使用步骤
	1.声明
		语法
			var 变量名；
	2.复制
		语法
			变量名 = 值；
	3.使用
		注意：可使用多次

运算符

算数运算符

+	-	*	/（和Java不同，会除尽）	%(取余)	++	--	

++在千和在后的运算速度
在前的快，没有存值的那一步
在后：
	1.i++先把加好的存值
	2.运算
	3.该值（i）
	4

赋值运算符

=	+=	-=	*=	/=	%=

typeof可以查看类型

​ document.write(typeof str);输出的结果为str的类型

关系运算符

<
>
<=
>=
!=(判断是否不等于，不判断类型)
==（不判断类型）(判断值是否等于)
===（判断值和类型是否相等）

逻辑运算符（JS和Java有出入）

&：与
&&：短路与
	注意：如果有假，与逻辑会返回第一个假的值，如果全为真，返回最后一个真值
	
|：或
	注意：如果有真，或逻辑会返回第一个真值，如果全为假，返回最后一个假值。
	
||：短路或
!：取反

字符串连接符

+
和算数运算符相同
区分：
	看+前后是否有字符串连接符，有就是字符串连接符。
	所有类型与字符串连接后都为字符串
	
转移字符：
\\	\
\t	空格
\n	换行
\"	"
\'	'

三目运算符

语法
	表达式？值1：值2;
	当表达式为真，取值1
	当表达式为假，取值2

作业

小米商城
还是多动手写代码