使用js做一个弹窗宽 高为260 有确定和取消两个按钮

可以使用HTML、CSS和JavaScript来实现弹窗。以下是一个简单的示例代码：

HTML代码：

<button id="openDialog">打开弹窗</button>

<div id="dialog" class="dialog">
  <div class="dialog-content">
    <p>这是一个弹窗</p>
    <button id="confirmBtn">确定</button>
    <button id="cancelBtn">取消</button>
  </div>
</div>

CSS代码：

.dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.dialog-content {
  width: 260px;
  height: 260px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  text-align: center;
}

.dialog-content button {
  margin: 10px;
}

JavaScript代码：

const openDialogButton = document.getElementById('openDialog');
const dialog = document.getElementById('dialog');
const confirmButton = document.getElementById('confirmBtn');
const cancelButton = document.getElementById('cancelBtn');

openDialogButton.addEventListener('click', function() {
  dialog.style.display = 'block';
});

confirmButton.addEventListener('click', function() {
  dialog.style.display = 'none';
  // 在此处添加确定按钮的逻辑
});

cancelButton.addEventListener('click', function() {
  dialog.style.display = 'none';
  // 在此处添加取消按钮的逻辑
});

这段代码会创建一个按钮，点击按钮会弹出一个宽高为260的弹窗，里面包含一个确定按钮和一个取消按钮。你可以在确认按钮和取消按钮的回调函数中添加相应的逻辑。同时，这个弹窗会使用黑色半透明的背景遮罩，使得用户无法点击背景的其他部分。