用javascript写一个功能：点击按钮弹出div点击其他空白的地方关闭div。

以下是一个示例代码：

HTML部分：

<button id="btn">点击弹出</button>
<div id="popup">这是一个弹出框</div>

CSS部分：

#popup {
  display: none;
  position: absolute;
  top: 50px;
  left: 50px;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
}

JavaScript部分：

var popup = document.getElementById("popup");
var btn = document.getElementById("btn");

// 点击按钮弹出div
btn.addEventListener("click", function() {
  popup.style.display = "block";
});

// 点击其他空白的地方关闭div
document.addEventListener("click", function(e) {
  if (e.target != popup && e.target != btn) {
    popup.style.display = "none";
  }
});

解释一下代码：

首先，我们获取到按钮和弹出框的元素。

然后，我们给按钮添加了一个点击事件监听器，当按钮被点击时，将弹出框的display属性设置为"block"，使其显示出来。

接着，我们给整个文档添加了一个点击事件监听器，当点击事件发生时，我们判断点击的目标元素是否为弹出框或按钮，如果不是，则将弹出框的display属性设置为"none"，使其隐藏起来。

这样，我们就实现了点击按钮弹出div，点击其他空白的地方关闭div的功能