[js] 第1769天 使用javascript实现一个popup

[haizhilin2013]

第1769天 使用javascript实现一个popup

3+1官网

我也要出题

[chenran2023]

// 创建弹出窗口的函数 function createPopup(content) { // 创建一个新的 div 元素 var popup = document.createElement('div');

// 设置弹出窗口的样式
popup.style.position = 'fixed';
popup.style.top = '50%';
popup.style.left = '50%';
popup.style.transform = 'translate(-50%, -50%)';
popup.style.backgroundColor = '#fff';
popup.style.padding = '20px';
popup.style.border = '1px solid #000';
popup.style.zIndex = '1000';

// 设置弹出窗口的内容
popup.innerHTML = content;

// 创建一个关闭按钮
var closeButton = document.createElement('button');
closeButton.textContent = '关闭';
closeButton.style.display = 'block';
closeButton.style.marginTop = '20px';

// 当点击关闭按钮时，移除弹出窗口
closeButton.onclick = function() {
    document.body.removeChild(popup);
};

// 将关闭按钮添加到弹出窗口
popup.appendChild(closeButton);

// 将弹出窗口添加到 body
document.body.appendChild(popup);

}

// 使用弹出窗口 createPopup('这是一个弹出窗口');