对于前端开发者来说，《JavaScript高级程序设计》（俗称红宝书）和《JavaScript权威指南》肯定是两本封神之作，也是每一个前端工程师的必学经典。我们今天就一起跟着这两本书一起进入JavaScript（以后简称JS）的世界。
什么是JS？很多人只知道它是一门脚本语言，但是具体来说，JS由三部分组成。
- ECMAScript核心
- 文档对线模型DOM
- 浏览器对象模型BOM
ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会，European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。
文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。
BOM(Browser Object Model) 是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。
但是归根结底，JS始终是为html文档所服务的，我们最终还是要把JS引入到html中。引入的方式有三种，这里只推荐前面两种。
方法一：从外部传入文件
<script src="example.js"</script>这里我们就成功地在同一个文件夹内部传入了一个名叫example的js格式文件，文件内部有我们提前写好的JS代码。相应地，我们可以从外部加载很多这样的js文件。
方法二：在script标签内插入js语言
<script>
alert('欢迎来到JavaScript世界');
</script>这里我们写入了一句JS代码，执行后会弹出一个窗口，显示“欢迎来到JavaScript世界”。
方法三：行内使用JS
行内嵌套a标记演示
<a href="javascript:alert('不要点这个超链接')">点我</a>
a标签是html中的链接标签，href的值为点击标签后转入的地址。这里当我们点击“点我”之后，会变成
（如图所示，弹出了一个警告框）
上述三种方法中，方法二和方法三称为内部JS代码。在实际开发中，考虑到后续维护以及缓存等，我们应该尽可能采用方法一引入JS。
当然script标签中还可以选择设置许多属性，如async或者defer等，这些会在后续章节中具体讲解，这里不多赘述。不过要了解一下，js可以包含来自外部域的js文件，也就是说可以“借用”其他网站现成的js文件，比如
<script src="http://wwww.somewhere.com/afile.js"></script>这里我们从其他网站中引入了aflie.js文件。这种功能是<script>最强大的特性。
在引入多个js文件时，浏览器得把所有JS代码都下载、解析和解释完成后，才能开始渲染，也就是说是从html文档的body部分开始渲染。如果将引入js的<script>放在<body>之前，则会造成延迟。为了加快浏览器的渲染速度，把<script></script>刚好放在</body>前。
希望对大家有帮助！
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
