课程简介
本课程通过实践操作为导向，带领学生们逐步学习并掌握Web前端开发技术。我们选择了一些基础的实践项目作为教学案例，旨在让学生们通过真实的项目实践，深入理解并熟练运用HTML、CSS和JavaScript等前端技术，从而构建出功能完善、界面美观的网页。 ...
什么是变量 - JavaScript基础知识
如果将变量想象成一个“数据”的盒子，盒子上有一个唯一的标注盒子名字的贴纸。这样我们能更轻松地掌握“变量”的概念。例如，变量 message 可以被想象成一个标有 "message" 的盒子，盒子里面的值为 "你好!"。我们可以在盒子内放入任何值。并且，这个盒子...
事件捕捉与事件冒泡 - JavaScript事件处理
事件冒泡的执行顺序冒泡原理：当一个事件发生在一个元素上，它会首先运行在该元素上的处理程序，然后运行其父元素上的处理程序，然后一直向上到其他祖先上的处理程序。<div onclick="alert('执行')"> &l...
form事件（表单事件）- JavaScript事件处理
form事件是由HTML表单内的动作触发的事件，它提供一个让客户端输入文字或选择的功能，例如：单选按钮、复选框、选择列表等，由﹤form﹥标记组构成，JavaScript自动为每一个表单建立一个表单对象，并可以将用户提供的信息送至服务器进行处理。如何提交一个表单提交表单时，会触发 submit 事件...
keyboard事件（键盘事件）- JavaScript事件处理
JavaScript 键盘事件可帮助捕获用户与键盘的交互. 监听 keydown 和 keyup 事件可以知道当用户在键盘上输入的字符，这样可用于实现键盘快捷键。keydown 和 keyup 之间的唯一区别是: keydown 在用户开始按下按钮和输入字符之前触发.keyup 在输入字符后触发。...
window事件（窗口事件）- JavaScript事件处理
window（窗口）事件是指当用户与页面上的元素交互时所触发的事件。1、加载事件（load）当整个页面（包括所有框架、样式表、图像等资源）完全加载完成时触发。常用于在文档加载完成后执行脚本，确保DOM结构完整可用。<!DOCTYPE html> <html l...
mouse事件（鼠标事件）- JavaScript事件处理
mouse（鼠标）事件主要是操作鼠标所触发的事件，如单击、双击、鼠标离开等。由于在Windows系统中鼠标是最主要的定位设置，所以鼠标事件是Web开发中最常用的一类事件。请注意：此类事件不仅可能来自于“鼠标设备”，还可能来自于对此类操作进行了模拟以实现兼容性的其他设备，例如手机和平板电脑。1、鼠标事...
事件概括 - JavaScript事件处理
HTML DOM使JavaScript有能力对HTML事件做出反应，可以在事件发生时执行JavaScript。事件介绍JavaScript事件是指在浏览器窗体或者HTML元素上发生的浏览器或者用户行为，页面上的每个元素都可以产生某些事件。窗口事件window（窗口）事件是指当用户与页面上的元素交互时...
DOM的对象-JavaScript对象模型
DOM ,一种标准编程接口，它将 HTML 文档视为树形结构（节点层次）的对象模型，允许程序和脚本动态更新、添加、删除或修改网页内容和样式。一、节点和节点树配套演示说明案例<!DOCTYPE html> <html lang="zh-Hans&quo...
BOM的对象-JavaScript对象模型
学习BOM对象的常见属性，知道BOM对象的功能含义。一、BOM概括BOM（Browser Object Model，浏览器对象模型）是JavaScript中与浏览器交互的一组API，它提供了对浏览器窗口、历史记录、导航信息、屏幕尺寸以及文档对象等的访问和控制能力。以下是五个主要的BOM对象简要概括：...