JavaScript介绍
一、什么是JavaScript
1. JavaScript （是什么？）
是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。
2. 作用（做什么？）
（1）网页特效 (监听用户的一些行为让网页作出对应的反馈)
（2）表单验证 (针对表单数据的合法性进行判断)
（3）数据交互 (获取后台的数据, 渲染到前端)
（4）服务端编程 (node.js)
3. JavaScript的组成（有什么？）
（1）ECMAScript: 规定了js基础语法核心知识。（简单来说就是语法规则）
比如：变量、分支语句、循环语句、对象等等
浏览器中的JavaScript组成是什么？
ECMAScript( 基础语法 )、web APIs （DOM、BOM
（2）Web APIs : DOM 操作文档，比如对页面元素进行移动、大小、添加删除等操作
BOM 操作浏览器，比如页面弹窗，检测窗口宽度、存储数据到浏览器等等
二、JavaScript 书写位置
1. 内部 JavaScript
直接写在html文件里，用script标签包住
规范：script标签写在上面
拓展： alert(‘你好，js’) 页面弹出警告对话框
注意事项：
我们将
如果先加载的 JavaScript 期望修改其下方的 HTML，那么它可能由于 HTML 尚未被加载而失效。因此，
将 JavaScript 代码放在 HTML页面的底部附近通常是最好的策略。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
</style>
</head>
<body>
<script>
alert('你好');
</script>
</body>
</html>
2. 外部 JavaScript
代码写在以.js结尾的文件里
语法：通过script标签，引入到html页面中。
注意事项：
script标签中间无需写代码，否则会被忽略！
外部JavaScript会使代码更加有序，更易于复用，且没有了脚本的混合，HTML 也会更加易读，因此 这是个好的习惯。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script src="./js/waibu.js"></script>/*js文件放在根目录下的js文件夹中*/
</body>
</html>
alert('你好');/*js文件放在根目录下的js文件夹中*/
3. 内联 JavaScript
代码写在标签内部
语法：
例：
注意： 此处作为了解即可，我们并不推荐，但是后面vue中会看到这种使用模式
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<button onclick="alert('你好')">点击我过万</button>
</body>
</html>
三、结束符
结束符
（1）代表语句结束
（2）结束符为英文分号 ;
（3）可写可不写（现在不写结束符的程序员越来越多）
（4）换行符（回车）会被识别成结束符 ,所以一个完整的语句，不要手动换行
（5）因此在实际开发中有许多人主张书写 JavaScript 代码时省略结束符
（6）但为了风格统一，要写结束符就每句都写，要么每句都不写（按照团队要求.）
四、JavaScript 输入输出语法
输出和输入也可理解为人和计算机的交互，用户通过键盘、鼠标等向计算机输入信息，计算机处理后
再展示结果给用户，这便是一次输入和输出的过程。
1.输出语法
（1）document.write('要输出的内容')
向body内输出内容
如果输出的内容写的是标签，也会被解析成网页元素
（2）alert（'要输出的内容'）
页面弹出警告对话框
（3）console.log('要输出的内容')
控制台输出语法，程序员调试使用
<body>
<script>
document.write('要输出的内容')/*如果输出的内容写的是标签，也会被解析成网页元素*/
alert('页面弹出警告窗口')/* 页面弹出警告窗口对话框 */
console.log('控制台打印')/* 控制台调用发，程序员调试使用 */
</script>
</body>
2.输入语法
prompt
显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字，获取的输入内容是字符串
<body>
<script>
username = prompt("请输入内容:")
document.write(username)
alert(username)
console.log(username)
</script>
</body>
\
