在网页设计中，图片是吸引观众注意力、增强视觉效果的重要元素。而JavaScript（JS）作为一种强大的前端脚本语言，可以让我们在网页中动态地处理图片，实现各种炫酷的效果。其中，掌握JS中图片地址的正确写法是基础中的基础。今天，我们就来聊聊如何在JS中正确地引用图片地址，以及如何利用JS实现网页美图展示。
图片地址的正确写法
在HTML中，我们通常使用<img>标签来插入图片。而图片地址的写法主要有以下几种：
1. 绝对路径
绝对路径指的是从服务器根目录开始的完整路径。例如：
<img src="http://www.example.com/images/image1.jpg" alt="图片描述">
使用绝对路径的优点是，无论网页放在哪个服务器上，图片都能正确显示。但缺点是，如果网站迁移到其他服务器，需要修改所有图片的地址。
2. 相对路径
相对路径指的是相对于当前页面路径的路径。例如：
<img src="images/image1.jpg" alt="图片描述">
使用相对路径的优点是，网站迁移时，只需修改部分图片地址。但缺点是，如果网页被移动到其他目录，图片可能无法正确显示。
3. 数据URL
数据URL是一种将图片直接嵌入到HTML中的方法。例如：
”`html