HTML中JS使用指南:异步加载与变量命名详解

需积分: 5 0 下载量 23 浏览量 更新于2024-08-03 收藏 27KB MD 举报
本资源是一份关于JavaScript基础知识的笔记,主要涵盖了HTML中嵌入和外部引入JavaScript的基本方法,以及JavaScript中常用的输出语句、脚本加载策略(defer和async)、变量命名规则、注释的使用,以及JavaScript的基本数据类型。让我们逐一深入探讨。 1. **JavaScript在HTML中的应用**: - 在HTML中,JavaScript通常通过`<script>`标签嵌入或外部引入。嵌入使用`<script type="text/javascript">`,如果需要延迟执行,添加`defer`属性;如果需要异步加载,使用`async`属性。这两个属性会影响脚本的执行时机。 2. **输出语句**: - `document.write()`和`console.log()`是JavaScript中常用的输出工具,前者会将内容直接写入文档,后者则在浏览器的开发者控制台中显示。记得在语句末尾添加分号`;`。 3. **脚本加载策略**: - `defer`属性让脚本在文档加载完成后,但DOM解析之前执行,适合那些不需要阻塞渲染的脚本。 - `async`属性表示脚本将异步执行,不会阻止页面的其他部分加载,适合独立于页面加载的脚本。 4. **变量命名**: - JavaScript变量遵循严格的命名规则,首字符必须是字母,后续由字母或下划线组成,采用驼峰命名法。避免使用JavaScript的关键字作为变量名。 5. **注释的使用**: - 单行注释使用`//`,多行注释使用`/* */`。对于企业级的大型项目,注释应包括文件用途、作者信息、创建日期等,以及模块级别的注释以提高代码可读性。 6. **基本数据类型**: - JavaScript有原始数据类型:字符串(用引号包围)、数值、布尔值(`true`和`false`)。还有两个特殊类型的对象:`undefined`表示未定义的值,而`null`表示没有对象。 总结,这份笔记为初学者提供了JavaScript基础设置、代码组织以及数据类型管理的重要概念,有助于理解和编写高效的JavaScript代码。无论是开发环境中的调试还是项目中的代码组织,这些知识点都极具实用价值。