深入理解JavaScript:DOM、BOM与核心语法详解

需积分: 3 0 下载量 103 浏览量 更新于2024-08-04 收藏 82KB MD 举报
本篇JS笔记详细介绍了JavaScript的基础概念、组成部分以及核心语法。首先,JavaScript主要由ECMAScript(ES)定义的语法和两个浏览器相关的模型——Document Object Model (DOM)和Browser Object Model (BOM)构成。ECMAScript规定了语言的基本语法结构,DOM用于操作HTML文档,而BOM则提供了与浏览器交互的接口。 在编写JavaScript代码时,有三种常见的书写位置: 1. 行内式:直接写在HTML元素中,虽然常见于简单的交互,但不推荐,因为可能导致标签混乱,且不利于代码管理和维护。 2. 内嵌式:将多行代码放在`<script>`标签内,便于在`<head>`或`<body>`部分集中管理,是初学者常用的编写方式。 3. 外部引用:通过`<script src="my.js"></script>`引用外部文件,适用于大型项目中代码分割和模块化管理。 注释部分讲解了JavaScript的两种注释形式:单行注释(使用`//`)和多行注释(使用`/* ... */`),分别对应不同的快捷键。输入输出语句包括`prompt()`用于获取用户输入,`alert()`用于显示警告消息给用户,以及`console.log()`用于开发者查看的内部日志输出。 变量在JavaScript中扮演着关键角色,被比喻为装数据的盒子。声明变量使用`var`关键字,如`var age;`。变量存储的是数据,可以在程序运行过程中被修改,并占用内存空间。通过变量名来访问和操作这些数据,增强了代码的灵活性和复用性。 这篇笔记为初学者提供了一个关于JavaScript基础概念的全面指南,包括语法结构、DOM和BOM的理解、代码组织方式,以及变量的使用方法。这对于理解和实践JavaScript编程是至关重要的。