什么是JavaScript？

• HTML是一种标记语言，用来结构化我们的网页内容并赋予内容含义，例如定义段落、标题和数据表，或在页面中嵌入图片和视频。
• CSS 是一种样式规则语言，可将样式应用于 HTML 内容， 例如设置背景颜色和字体，在多个列中布局内容。
• JavaScript 是一种脚本语言，可以用来创建动态更新的内容，控制多媒体，制作图像动画，还有很多。（好吧，虽然它不是万能的，但可以通过简短的代码来实现神奇的功能。）

它可以做到什么？

1. 在变量中存储有用的值
2. 操作一段文本（在代码中为"String"）
3. 运行代码以响应代码中特定的值
4. more...

JavaScript 语言核心之上所构建的功能更令人兴奋。应用程序接口（Application Programming Interfaces（API））将为你的代码提供额外的超能力。

API 是已经建立好的一套代码组件，可以让开发者实现原本很难甚至无法实现的程序。就像现成的家具套件之于家居建设，用一些已经切好的木板组装一个书柜，显然比自己设计，寻找合适的木材，裁切至合适的尺寸和形状，找到正确尺寸的螺钉，再组装成书柜要简单得多。

---

JavaScript依次执行

在浏览器执行JavaScript代码之前应该保证HTML代码和css代码已经执行结束，而且在执行JavaScript代码时是逐行执行，如果在执行添加监听器或者其他操作时还没有定义对象，就会报错。

JavaScript是轻量级解释语言

学过编译原理的小伙伴一定都知道什么是解释语言什么是编译语言，简单来说，解释语言就是解释边执行，不需要编译成汇编语言；而编译如C++就是要先编译成汇编语言然后再执行。

怎样向页面添加 JavaScript？

可以像添加 CSS 那样将 JavaScript 添加到 HTML 页面中。CSS 使用 <link> 元素链接外部样式表，使用 <style> 元素向 HTML 嵌入内部样式表，JavaScript 这里只需一个元素——<script>

“外部”示例中使用了 JavaScript 的一项现代技术（async “异步”属性）来解决这一问题，它告知浏览器在遇到 <script> 元素时不要中断后续 HTML 内容的加载。

<script src="script.js" async></script>

上述情况下，脚本和 HTML 将一并加载，代码将顺利运行。

注：“外部”示例中 async 属性可以解决调用顺序问题，因此无需使用 DOMContentLoaded 事件。而 async 只能用于外部脚本，因此不适用于“内部”示例。

解决此问题的旧方法是：把脚本元素放在文档体的底端（</body> 标签之前，与之相邻），这样脚本就可以在 HTML 解析完毕后加载了。此方案（以及上述的 DOMContentLoaded 方案）的问题是：只有在所有 HTML DOM 加载完成后才开始脚本的加载/解析过程。对于有大量 JavaScript 代码的大型网站，可能会带来显著的性能损耗。这也是 async 属性诞生的初衷。

defer 属性，脚本将按照在页面中出现的顺序加载和运行

---

document.getElementById（）与alert

document.getElementById(" ") 得到的是一个对象，用 alert 显示得到的是“ object ”。而不是详细的值，它有 value 和 length 等属性。加上 .value 得到的才是详细的值！