一、script元素
1，在html页面插入javascript的主要方法，就是利用<script>元素，并定义了如下5个属性（language属性被废弃）：
*async:可选。表示应该立即下载脚本，但不妨碍也看但其他操作，比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效；
*charset：可选。表示通过src属性制定的代码的字符集。由于大多数浏览器会忽略它的值，因此很少用这个属性；
*defer：可选。表示脚本可以延迟到文档完全被解析和显示之后再执行，只对外部脚本文件有效。
*src：可选。表示包含要执行代码的外部文件。
*type：可选。可以看成是language的替代属性；表示编写代码使用的脚本语言的内容类型（也称为MIME类型），默认值是text/javascript。
2，在使用<script>元素嵌入JavaScript代码时，只需要为<script>制定type属性。然后把代码放在元素内部即可，JavaScript代码将从上至下依次解释。解释器对<script>元素内部对所有代码值之前，页面中的其余内容都不会被浏览器加载或显示。只要不存在defer和async属性，浏览器都会按照<script>元素在页面中出现的先后顺序对他们依次进行解析。换句话说，在第一个<script>元素包含的代码解析完成后，第二个<script>包含的代码才会被解析，然后第三个，第四个。。。
3，在JavaScript的代码中的任何地方都不能出现"<script>"字符串，都会报错。因为当浏览器遇到该字串时，就会认为那是</script>结束标签。要想解决问题，就要用"\"转义字符，如：alert（"<\/script>"）；
4，如果通过<script>元素来包含外部的JavaScript文件，那么src属性是必需的，这个属性的值只想外部JavaScript文件的链接；与嵌入式的JavaScript代码一样，在解析外部文件时，页面的处理也会暂时停止。
5，在XHTML文档中，可以省略结束标签变成如：<script type="text/javascript" src=‘‘/>;但是在HTML中不能这样使用，浏览器不能解析；
6，带有src属性的<script>元素不应该在其元素标签中间在添加额外的JavaScript代码。如果包含了嵌入的代码，则只会执行外部文件嵌入中间的文件则不会生效；
7，通过<script>元素的src属性还可以包含来自外部域的JavaScript文件，可以只想当前HTML页面所在域之外的某个域中的完整url，不受通源策略的影响；这一点和img元素很像。jsonp实现跨域请求就是利用了这个特性（后面再讲），不过，在请求不同域文件时，可能被不怀好意的程序员给篡改文件，所以为了避免，则要么你是那个域的所有者，要么那个域的所有者值得信赖；
8，由于<script>在代码全部下载好之前，在解析和执行完成以后，才能开始呈现页面的内容（浏览器在遇到<body>标签才开始呈现内容）；对于很多个JavaScript代码的页面来说，会有明显的延迟，而延迟期的浏览器窗口将有一片空白，所以一般都会把<script>放在body底部；
9，在HTML中嵌入JavaScript代码虽然没有问题，但一般认为最好但做法还是尽可能使用外部文件来包含JavaScript代码，这不是硬性规定，只是因为它有如下但优点：
*可维护性；
*可缓存；
*适应未来；
原文地址：https://www.cnblogs.com/thomas-yang-github/p/11657908.html