别担心，试着隔离一些代码，以便我们可以查看它。
打开文档后，图像（div）将显示在随机位置。
通过右键单击〉检查〉属性检查元素的属性，你会发现你可以访问的所有javascript属性，一旦你用选择器选择了元素（例如document.querySelector）
尝试一些东西，我认为最简单的方法是使用元素。风格。转换=“翻译（x，y）”像x。风格。转换=“翻译（10 px，20 px）";

这是我刚刚拼凑出来的一个示例。
基本上，您需要创建一个函数，通过计算高度和宽度的随机数，然后乘以窗口的大小，使该数字可以跨越屏幕的整个宽度/长度，每次移动图像。
然后，您可以将'px'添加到计算的末尾，以使用像素作为单位，并将其设置为图像的left和top属性，以使用绝对位置（坐标）将其从屏幕的左侧和顶部移动那么远。

window.onload = function() {
  move()
}

function move() {
  let img = document.getElementById('logo')
  img.style.left = Math.floor(Math.random() * window.innerWidth) + "px"
  img.style.top = Math.floor(Math.random() * window.innerHeight) + "px"
}

#logo {
  height: 100px;
  position: absolute;
}

<div>
  <img onclick='move()' id='logo' src='https://upload.wikimedia.org/wikipedia/commons/thumb/2/24/LEGO_logo.svg/2048px-LEGO_logo.svg.png' />
</div>

所以，首先，不要把这个错误的方式，我的人，但你必须张贴一些代码，向我们展示你的工作。使所有的故障排除的差异。
也就是说，你需要用JS来做。首先目标是图像元素。可以使用querySelector来命中class或id，或者只命中getElementById。
然后添加一个事件监听器，在一个随机坐标上呈现它。

<div id="imageContainer">
      <img src="your-image-source" alt="your-image-description">
    </div>
    
    <script>
      // get the image container element
      var imageContainer = document.getElementById("imageContainer");
      
      // set the initial random position for the image container
      imageContainer.style.left = Math.floor(Math.random() * window.innerWidth) + "px";
      imageContainer.style.top = Math.floor(Math.random() * window.innerHeight) + "px";
      
      // when the image container is clicked, set a new random position
      imageContainer.addEventListener("click", function() {
        imageContainer.style.left = Math.floor(Math.random() * window.innerWidth) + "px";
        imageContainer.style.top = Math.floor(Math.random() * window.innerHeight) + "px";
      });
    </script>

可以像示例中那样内联执行该操作，也可以将其添加到脚本文件中。