点开一个网页，鼠标移到导航栏上，页中菜单滑下来。实现点一下按钮，可网弹窗出现。页中滚动页面，实现图片懒加载。可网这些全是页中 JavaScript 干的。没有 JS 的实现网页，跟一张打印出来的可网传单差不多——能看，但没法互动。页中

我最早接触 JS 是实现给博客加一个“回到顶部”按钮。当时以为要写很多代码，可网结果核心逻辑就三行：监听滚动、页中判断距离、实现调用 window.scrollTo。那会儿才意识到，JS 在网页里能做的事，远比“弹个 alert”多得多。

最基础的，操作 DOM。网页里的每个元素——<div>、<p>、<img>——在 JS 眼里都是一个对象。你可以改它的文字、换它的样式、把它从页面里删掉，或者凭空造一个新的插进去。比如document.querySelector('.price') 拿到价格标签，然后 el.textContent = '¥99'，价格就变了。整个过程不需要刷新页面。早年电商大促时，倒计时数字每秒跳动，就是 setInterval 在反复改同一个 <span> 的内容。

表单验证也是经典场景。用户填邮箱，你不想等提交到服务器才发现格式错了。监听 input 事件，用正则一测，不对就标红加提示。这个反馈是即时的，体验比提交后跳转回来说“邮箱格式错误”好太多。我见过一个注册页，密码强度条实时变化——弱、中、强——背后就是 JS 在数你输入了多少种字符类型。

再往深一点，JS 能跟服务器悄悄通信，不打扰用户。这就是 Ajax，现在叫 fetch。比如你刷微博，往下拉，新内容自动加载出来，页面没闪。或者你给文章点赞，数字 +1，但地址栏没变。这些请求在后台跑，拿到数据后用 JS 拼成 HTML 塞进页面。整个过程用户几乎无感。以前做这种“无刷新更新”，得用隐藏 iframe 加一堆 hack，现在 fetch('/api/like') 一行搞定。

动画也归它管。CSS 能做过渡和简单动画，但复杂点的——比如根据鼠标位置实时改变元素旋转角度——就得靠 JS 算。我做过一个跟随鼠标的粒子效果，每帧计算粒子与光标的距离，调整透明度和位移。用 requestAnimationFrame 跑循环，60 帧每秒，看起来就很顺。当然，写不好也容易卡，所以别在动画循环里做重计算。

还有浏览器存储。用户关掉页面再打开，你还想记住他的偏好——比如深色模式、字体大小。localStorage 能存键值对，除非用户手动清，否则一直在。我有个习惯，看长文时调大字号，下次再访问那个站，字号还是大的。这就是 JS 在页面加载时读了 localStorage 里的值，然后应用到 body 样式上。

更别提那些富交互了。拖拽排序、画布绘图、实时搜索建议、视频播放器自定义控件。JS 几乎能接管网页里的一切行为。甚至你右键菜单弹出来的自定义选项，也是 contextmenu 事件被拦截后，用 JS 画出来的一个 <div>。

“JS 让网页从文档变成了应用。”——这话我第一次听觉得夸张，后来自己写了个待办清单，纯前端，数据存 localStorage，能增删改查、拖拽排序、筛选状态。那一刻觉得，确实。

但别误会，JS 不是万能。它跑在用户浏览器里，性能受限于设备，安全受限于沙箱。复杂计算、大量数据渲染，还是得靠后端或 WebAssembly。不过对于绝大多数网页交互需求——响应用户、更新界面、跟服务器要数据——JS 足够用了。

所以下次你看到一个网页“活”起来，不管是下拉加载、即时搜索、还是表单校验，背后大概率是 JS 在干活。它不显眼，但没了它，网页就只剩静态的图文，像一本合上的书，翻不动。