js更换图片

本文详细介绍如何使用纯JavaScript实现网页背景图片切换效果。通过HTML结构定义导航元素，CSS设置布局样式，JS利用DOM操作获取元素并绑定点击事件。代码涵盖了IE6兼容的attachEvent写法及标准addEventListener用法，展示了如何动态修改body背景图，适合前端初学者理解原生JS的事件处理与样式控制。

本文介绍如何使用JavaScript实现点击页面上的图片来动态改变整个网页的背景图片。通过监听图片点击事件，获取图片源地址并赋值给body的背景样式，同时提供恢复默认背景的功能，适用于简单的网页背景切换场景。

深入讲解在前端使用 Cropper.js 动态替换图片后，如何彻底重置裁剪框与画布状态。分析直接重置失效的根本原因，提供基于 replace() 配合 ready 事件与 destroy() 重建的两种标准做法、完整代码及避坑指南。