1、前言
接着上一节讲的js三大组成（ECMAScript，DOM，BOM），了解完组成，该知道它的基本使用方法。好了，美好的一天从总结开始。
2、使用< script >元素
在html页面有两种方法，外部引入或 内部嵌入。
外部引入
使用 src属性 引入外部域的JavaScript文件。
<script type="text/javascript" src="test.js"></script>
内部嵌入
<script type="text/javascript">
function say(){
alert('Hi!');
}
</script>
3、嵌入代码与外部文件
在THML这嵌入js代码虽然没有问题，但一般认为最好的做法是尽可能使用外部文件来包含js代码。优点如下：
- 可维护性。
- 可缓存。
- 适应未来。
4、< script >元素属性
< script >元素定义了6中属性：
-
async：可选。表示应该立即下载脚本，但不妨碍页面中的其他操作，比如下载其它资源或等待加载其它脚本。只对外部脚本文件有效。并不保证按照指定它们的先后顺序执行。
例：
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="test1.js"></script> <script type="text/javascript" src="test2.js"></script> </head> <body> <!-- something --> </body> </html>上述代码中，第二个脚本可能会在第一个脚本文件之前执行。因此，确保两者之间不相互依赖非常重要。指定
async属性的目的是不然页面等待两个脚本的下载和执行。从而异步加载页面其他内容，为此，建议 异步脚本不要在加载期间修改DOM。异步脚本一定会在
load事件之前执行，但可能会在DOMContentLoaded事件触发之前或者之后执行。 charset：可选。表示
src属性指定的代码的字符集。大多浏览器会忽略它。因此该属性很少使用。defer：可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效。
language：已废弃。不解释。
src：可选。表示包含要执行的外部文件。
type：可选。表示编写代码使用的脚本语言的内容类型。也称MIME类型。默认值为
text/javascript。
下面划重点了 ，能看到这里我也是服你。毕竟我都快写吐了~~
5、注意点：
包含在< script >元素内部的JavaScript代码的执行顺序是从上到下依次解释。
-
使用< script >元素嵌入JavaScript代码时不要在任何地方出现"</script>"字符串。当浏览器遇到字符串"</script>"时，会认为那是字符串"</script>"标签。而通过转义字符""解决这个问题。
<script type="text/javascript"> function say(){ alert("<\/script>"); } </script> -
不能再html文档使用这种语法。原因是这种语法不符合html规范，而得不到某些浏览器的正确解析（尤其是IE）。
<script type="text/javascript" src="test.js" /> -
标签的位置，一般都把全部的js引用放在 < body >元素中页面内容的后面。目的是加快渲染，缩短浏览器窗口显示空白页面的时间。
<!DOCTYPE html> <html> <head> <title>page</title> </head> <body> <!-- 这里放内容 --> <script type="text/javascript" src="test1.js"></script> <script type="text/javascript" src="test2.js"></script> </body> </html>
6、小尾巴
鸡汤还得喝啊~
不去耕耘，不去播种，再肥的沃土也长不出庄稼，不去奋斗，不去创造，再美的青春也结不出硕果。再好的种子，不播种下去，也结不出丰硕的果实。
