html中设置页面正在加载,在加载Web页面时显示正在等待的窗体

可以使用以下代码在页面加载时显示一个等待窗体：

HTML部分：

<div id="loading">
  <div id="loading-image"></div>
</div>

CSS部分：

#loading {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

#loading-image {
  width: 50px;
  height: 50px;
  background-image: url('loading.gif');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

注意，这里的 loading.gif 是一个图片，可以替换成你自己的图片。在页面加载完成后，可以使用 JavaScript 隐藏等待窗体：

window.addEventListener('load', function() {
  var loading = document.getElementById('loading');
  loading.style.display = 'none';
});