1、在HTML中使用JavaScript
1.1 <script>标签
需要注意的是,带有src属性(src="****.js" 这是代表外部脚本文件)的<script>元素不应该在其<script>和</script>标签之间(这代表嵌入的代码)再包含额外的JavaScript代码。如果包含了嵌入的代码,则只会下载并执行外部脚本文件,嵌入的代码会别忽略。
1.2 标签的位置
<script></script>标签最好放在<body>元素中页面内容的后面。
原因:包含在<script></script>元素内部的JavaScript代码将被从上至下一次解释。按照惯例,我们会放在<head></head>标签中,这意味着必须等到全部JavaScript代码都被下载、解析和执行完成以后,才能开始呈现页面的内容(浏览器在遇到<body>标签才开始呈现内容)。所以对于那些 需要很多JavaScript代码的页面来说。这无疑会导致浏览器在呈现页面时出现明显的延迟,浏览器窗口将是一片空白。所以为了避免这个问题,<script></script>标签最好放在<body>元素中页面内容的后面。
1.3 延迟脚本
<script>标签定义了defer属性(只适用于外部脚本文件),表明脚本在执行时不会影响页面构造,脚本会被延迟到整个页面全部解析完毕再运行。在<script>元素中设置defer属性,相当于告诉浏览器立即下载,但