1 JavaScript 概述
1.1 参考资料
- MDN 文档介绍：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Introduction
- javascript 发展史（维基百科）：https://zh.wikipedia.org/wiki/JavaScript
1.2 JavaScript 特点
- 负责网页的行为标准
- 是一种网页编程技术，也可以做服务器、桌面软件、手机 app
- 基于对象和事件驱动，并具有安全性能的脚本语言
- 可以被嵌入到 HTML 文件中，不需要经过 Web 服务器就可以对用户操作作出响应
优点：
- 简单易用
- 可以使用任意的文本编辑器编写
- 只需要浏览器就可以执行程序
- 解释执行（解释型语言/动态类型语言）
- 不进行编译，浏览器直接解释执行
- 逐行解释
- 无需进行严格的变量声明
- 基于对象
- 提供大量的内置对象，编写少量的程序就可以完成目标
1.3 JavaScript 组成（重点掌握）
javascript 主要由三部分组成：
- ECMAScript：描述了该语言的语法和基本对象
- DOM（Document Object Model）：文档对象模型，使用内置的 api 接口，操作网页上的页面元素
- BOM（Browser Object Model）：浏览器对象模型，描述与浏览器进行交互的方法和接口
参考文档：
- MDN: JavaScript language resources
- ECMA 官网
- 维基百科: ECMAScript
- MDN: DOM 术语表
2 JS 的三种引入方式
js 和 css 一样，在 HTML 页面中有内嵌式、外链式和行内式三种引入方式。
2.1 内嵌式
<body>
<script>
// 我是js注释
/* 多行注释 */
alert("我是一个弹窗");
</script>
</body>2.2 外链式
<head>
<script type="text/javascript" src="new_file.js"></script>
</head>2.3 行内式（不推荐）
<body onload="alert('我是弹窗')">
<!-- body被加载后执行的代码 -->
</body>3 弹窗的使用
<body>
<script>
alert("我是一个弹窗"); // 确认弹窗
confirm("你是不是老六?"); // 选择弹窗
prompt("请输入密码"); // 输入弹窗
</script>
</body>4 日志的输出
<body>
<script>
// 普通日志
console.log("我是日志输出 你找到我了吗");
// 警告日志
console.warn("警告你呦");
// 错误日志
console.error("你错了知道不 ");
</script>
</body>