JavaScript学习笔记—— 2. 在HTML中使用JavaScript

1. <script>标签属性：

• async：可选，表示应该立即下载脚本，但并不妨碍页面中的其他操作，比如下载其他资源或者等待加载其他脚本。支队外部脚本文件有效。
• charset：可选，表示通过src属性指定的代码的字符集。很少有人使用这一属性。
• defer：可选，表示脚本可以延迟到文档被完全解析和显示后再执行。支队外部脚本文件有效。
• language：废弃。
• src：可选，表示包含要执行代码的外部文件。
• type：可选，常为text/javascript，但并不必需。没有指定属性，默认值依然是text/javascript。

2. 带有src属性的<script>元素不应该在<script>和</script>标签之间再包含额外的JavaScript代码，如果包含了嵌入的代码，则只会下载并执行外部脚本文件，嵌入的代码会被忽略。

3. src属性也可以包含来自外部域的JavaScript文件，可以利用这一点在必要时通过不同的域来提供JavaScript文件，但是会导致安全问题，例如程序员修改.js文件中的代码。

4. defer=“defer”，用于延迟脚本执行

5. async=“async”，用于异步执行，异步脚本一定会在页面的load事件前执行，但是可能会在DOMContentLoaded事件触发前或者之后执行。

6. XHTML（Extensible HyperText Markup Language）：可拓展超文本标记语言。

7. <noscript></noscript>，当浏览器不支持脚本、或者浏览器支持脚本但是被禁用时，显示其中内容。

 

在包含外部JavaScript文件时，必须将src属性设置为指向相应文件的URL。这个文件可以是与包含它的页面位于同一个服务器上的文件，也可以是其他任何域中的文件。

所有<script>元素都会按照它们在页面中出现的先后顺序依次被解析。在不使用defer和async属性的情况下，只有在解析完前一个<script>元素中的代码之后，才会开始解析后面的代码。

由于浏览器会先解析完不适用defer属性的<script>元素中的代码，再解析后面的内容，所以一般把<script>元素放在页面最后，</body>标签之前。

使用defer属性可以让脚本在文档完全呈现之后再执行。延迟脚本总是按照指定他们的顺序执行。

使用async属性可以表示当前脚本不必等待其他脚本，也不必阻塞文档呈现。不能保证异步脚本按照他们在页面中的出现顺序执行。 

转载于:https://www.cnblogs.com/mintcat/p/6108599.html