JS基础解析：从入门到理解DOM与BOM

"这篇资料是‘菜狗学前端之JS基础笔记’，主要涵盖了JavaScript的基础知识，包括数据类型、分支语句以及JS的组成、写法、三大组成部分和三种写法。适合前端初学者学习使用。" 在JavaScript的学习中，首先要理解计算机的基本构成和工作原理。计算机由各种硬件如CPU、硬盘、内存等组成，操作系统如Windows、Linux和Mac OS负责管理和协调这些硬件。软件，包括JavaScript，是在操作系统上运行的应用，由代码构成。 接着，我们关注编程语言的执行方式，分为编译器和解释器。编译器将源代码一次性转换为可执行文件，而解释器则逐行解释代码并立即执行。JavaScript、Python等语言属于解释型或脚本语言，它们无需预先编译即可在解释器上运行。 JavaScript作为一门高级、解释型的语言，最初设计用于浏览器环境，因为它内置了JS解释器。如今，JavaScript也能通过Node.js在服务器端运行。JavaScript的核心知识由ECMAScript定义，最新的标准是ES6，它包含了语言的基础语法。此外，JS还有两个关键部分：DOM（Document Object Model）允许我们操作HTML文档内容，BOM（Browser Object Model）让我们能与浏览器本身进行交互，如弹窗、获取窗口尺寸和浏览器存储。 JavaScript的三种写法包括： 1. 事件驱动写法，涉及事件源（事件发生的元素）、事件类型（如点击、悬浮等）和事件处理程序（当事件触发时执行的函数）。 2. 行内写法，即直接在HTML元素的属性中定义事件处理函数，如`<button onclick="alert('js行内写法')">行内写法</button>`。 3. 内联写法，将事件处理函数写在HTML元素的`on`属性里，但函数体在外部定义，如`<button id="myButton">内联写法</button>`，然后在JavaScript代码中绑定事件。 这篇笔记提供了JavaScript初学者需要掌握的基础概念，包括语言环境、基本概念和代码执行方式，以及在网页开发中如何使用JavaScript进行交互设计。通过学习这些内容，可以为进一步深入前端开发打下坚实基础。