一、简介
1、前端三个层
- 结构层：html
- 表示层：css
- 行为层：js
2、JavaScript
JavaScript是一种轻量级的脚本语言。
- 所谓“脚本语言”，指的是它不具备开发操作系统的能力，而是只用来编写控制其他大型应用程序的“脚本”。
- JS即Javascript, javaScript是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。
- javascript通过浏览器进行解析
二、js创建方式
JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到<head>中。 JavaScript代码块一般放在script标签中。
1、内嵌式
嵌入在HTML的<script>标签中
<html > <head> <title>标题</title> <script type="text/javascript"> alert(“hello world”) ;//javascrit严格区分大小写 //js每一行结束都要有分号作为结尾 </script> </head> <body> </body> </html>
2、外链式
（1）单独的js文件，文件扩展名为 .js
（2）Js文件内写程序代码，如
alert("一个对话框");（3）在网页中使用<script src=“这里是js程序文件路径”></script>引入
<html>
<head>
<title>标题</title>
<script type=”text/javascript” src="js文件.js">
//script标签不能少，告诉浏览器这是一段脚本代码
//src属性指定javascript的路径
</script>
</head>
<body>
</body>
</html>3、事件引入
嵌入在html标签的属性中
<html>
<head>
<title>标题</title>
</head>
<body>
<button onclick="alert('莫挨我');"> 点击</button>
<!--onclick 单击事件引入 鼠标单击行为触发 事件定义时括号里面的string类型需用单引号 -->
<!-- 外部用双引号，内部用单引号；外部用单引号，内部用双引号，否则无法匹配，会造成无法结尾 -->
<!-- ondblclick 双击事件 -->
<div ondblclick='alert("hello world")'> hello</div>
<!-- 双引号里不能直接再写双引号
单引号里不能直接再写单引号 -->
<!-- 事件 -->
<!-- onclick ,当鼠标点击一下时执行一次
onmouseover ,当鼠标放上去时执行一次
onmouseout ,当鼠标移出去时执行一次
onmousedown ,当鼠标按下时执行一次
onmouseup ,当鼠标在上面松开(弹起)时执行一次
ondblclick ,当鼠标双击时执行一次
onload ,当对象加载完成时执行一次
……….
-->
</body>
</html>三、输出方式
1、窗口输出
alert(); 警告框,在浏览器窗口弹出警告框
// alert(内容); 警告框，在浏览器窗口弹出警告框
alert("内容");
//按确定后出现下一行，依次执行
alert(123);
//输入字符串要加引号
2、网页内输出
document.write(内容)； 把内容写入到html文档内部（body内部）
//document.write(内容) 把内容写入到html文档内部（body内部）
document.write(123);
document.write("hello word");
document.write("<h2>内容</h2>");
3、控制台输出
console.log(内容)； 控制台输出
// 在控制台日志输出
console.log(123);
console.log("123");
console.log("你好，我是控制台，请多指教");
console.error("调用error方法，\n 自己设置一个报错信息");
// \n换行
四、数据类型
1、基本数据类型
- 字符串 string
- 数字 number
- 布尔 boolean (true / false)
- null 表示一个“空”的值 可用来清空变量
- undefined (Undefined 这个值表示变量不含有值)
2、复合数据类型
- 数组 Array
- 对象 Object
五、变量
1、什么是变量
可变的量。从编程角度讲，变量是用于存储某种/某些数值的存储器。
对于变量的理解：变量是数据的代号。如同人的名字一样。
2、变量声明
var 变量名;
var a;
a = 123;//先声明变量，再赋值
var num = 1234; //声明变量的同时，并赋值，变量的初始化
var c, b; //同时声明多个变量，多个变量之间用，隔开。
// 一个变量只声明，不赋值，值就是underfined;
var d = 10,
e = "hello"; //同时初始化多个变量3、变量的命名规则
- 必须以字母、下划线、美元符号开头，后面可以字母、下划线、美元符号或数字
- 变量名严格区分大小写
- 变量名不能使用关键字与保留字
- 变量名最好要有含义，见名知意
4、 变量的值
变量的值可以是数据类型的任何一种。
如：
- var a=“hello”; //变量的值是个字符串类型
- var b=10; //变量的值是个数字类型
- var c=false; //变量的值是个布尔类型
JavaScript的变量类型不止字符串，数字，布尔值这三种，然而这三种是最常用的。
其它数据类型（参考）：
复合（引用）数据类型是： 对象 数组
特殊数据类型： undefined
5、 算术运算符
（1）加号 +
- 加号两侧同时为数字，进行加法运算
- 加号两侧任何一侧为字符串，表示字符拼接
（2）减号 -
（3）乘号 *
（4）除号 /
（5）取余 %
在进行减 乘 除 取余运算时：
符号两侧同时为数字进行对应的算术运算，若其中有一侧为非数字，则运算时会把该侧转换为数字，转换成功，进行对应的算术运算，转换失败，得到NaN(Not a Number非数字)
<script>
/*
+ 加
- 减
* 乘
/ 除
% 取余数
*/
console.log(2 + 3);
console.log(2 - 3);
console.log(2 * 3);
console.log(2 / 3);
console.log(3 % 2);
console.log(4 % 2); //余数0
</script>
