js页面加载时创建DIV，页面加载结束后，关闭创建的DIV

在JavaScript中，当你想要在页面加载时动态创建`<div>`元素，通常会在`DOMContentLoaded`或`window.onload`事件处理器中进行，这是因为这两个事件确保了文档和其内容都已经解析完成。这里有一个简单的示例：

window.addEventListener("DOMContentLoaded", function() {
  // 创建一个新的div元素
  var newDiv = document.createElement('div');
  // 设置div的属性，如id、class、文本等
  newDiv.id = 'myDiv';
  newDiv.textContent = '这是新创建的div';

  // 将div添加到文档某个位置，比如body
  document.body.appendChild(newDiv);

  // 当页面加载完成后，我们可以删除这个div
  window.onload = function() {
    document.getElementById('myDiv').remove();
  };
});

请注意，在上面的例子中，我们使用了`window.onload`来确保在所有资源，包括图像和其他延迟加载的内容加载完成后才删除`div`。如果只是为了确保dom已经渲染完成就希望删除，只用`DOMContentLoaded`即可。

如果你想确保元素确实从DOM中移除，而非仅仅从视口中移除（如`style.display = none`），那么应该使用`remove()`方法。这会直接从DOM节点树中移除该元素。