如何在页面加载时加载随机div标签

在页面加载时加载随机div标签可以通过以下步骤实现：

首先，在页面的HTML结构中创建一个容器，用于承载随机生成的div标签。例如，可以在<body>标签内添加一个<div>元素，设置一个唯一的id属性，如<div id="randomDivContainer"></div>。
在页面的JavaScript代码中，使用DOM操作获取到这个容器元素。可以使用document.getElementById()方法，传入容器的id属性值，如var container = document.getElementById("randomDivContainer");。
接下来，定义一个函数用于生成随机的div标签。可以使用document.createElement()方法创建一个新的<div>元素，并设置其样式、内容等属性。例如，可以设置宽度、高度、背景颜色等样式属性，以及显示的文本内容。
在生成随机div标签的函数中，可以使用Math.random()方法生成一个随机数，然后根据需要的范围和条件，对生成的随机数进行判断和处理。例如，可以使用if语句判断随机数是否满足某个条件，然后根据条件设置不同的样式或内容。
在生成随机div标签的函数中，将生成的<div>元素添加到容器中。可以使用container.appendChild()方法，将生成的<div>元素作为参数传入，将其添加到容器中。
最后，在页面加载完成时调用生成随机div标签的函数。可以使用window.onload事件，将生成随机div标签的函数作为事件处理函数，当页面加载完成时自动调用。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>加载随机div标签</title>
  <style>
    /* 可以在这里设置容器的样式 */
  </style>
</head>
<body>
  <div id="randomDivContainer"></div>

  <script>
    function generateRandomDiv() {
      var container = document.getElementById("randomDivContainer");
      
      // 生成随机数
      var randomNumber = Math.random();
      
      // 根据随机数生成不同的样式和内容
      var div = document.createElement("div");
      if (randomNumber < 0.5) {
        div.style.width = "100px";
        div.style.height = "100px";
        div.style.backgroundColor = "red";
        div.textContent = "Random Div 1";
      } else {
        div.style.width = "200px";
        div.style.height = "200px";
        div.style.backgroundColor = "blue";
        div.textContent = "Random Div 2";
      }
      
      // 将生成的div添加到容器中
      container.appendChild(div);
    }
    
    window.onload = generateRandomDiv;
  </script>
</body>
</html>

以上代码中，根据随机数的值，生成了两种不同样式和内容的随机div标签，并将其添加到了名为"randomDivContainer"的容器中。你可以根据需要修改生成随机div标签的条件、样式和内容。