如何使此弹出窗口仅在单击按钮时加载

弹出窗口仅在单击按钮时加载的方法可以通过以下步骤实现：

HTML部分：在HTML中定义一个按钮和一个隐藏的弹出窗口。

<button id="openButton">点击打开弹出窗口</button>

<div id="popupWindow" style="display: none;">
  <!-- 弹出窗口的内容 -->
</div>

JavaScript部分：使用JavaScript来控制按钮的点击事件和弹出窗口的显示与隐藏。

// 获取按钮和弹出窗口的引用
var openButton = document.getElementById("openButton");
var popupWindow = document.getElementById("popupWindow");

// 定义按钮的点击事件处理函数
openButton.addEventListener("click", function() {
  // 检查弹出窗口的显示状态
  if (popupWindow.style.display === "none") {
    // 如果弹出窗口是隐藏的，则显示弹出窗口
    popupWindow.style.display = "block";
  } else {
    // 如果弹出窗口是显示的，则隐藏弹出窗口
    popupWindow.style.display = "none";
  }
});

CSS部分：使用CSS来美化弹出窗口的样式。

#popupWindow {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  height: 200px;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 20px;
}

这样，当用户单击按钮时，弹出窗口会根据当前的显示状态进行切换，实现了弹出窗口仅在单击按钮时加载的效果。

对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，无法提供相关链接。但腾讯云提供了丰富的云计算服务，包括云服务器、云数据库、云存储等，可以根据具体需求选择适合的产品。