html中如何添加弹框？

结论：HTML警报弹出窗口简单，易于使用，适合企业静态页面。

简单用法：window.open('page.')，放在[xss_clean]标签中。

自定义弹窗：window.open('page.','newwindow','height=1 00,width=4 00,top=0,left=0,toolbar=no,...')
函数控制弹窗：function openwin(){window.open(...)};，<body>加载时触发。

你自己考虑一下。

html怎么设置弹出框

你说这个弹出框...非常简单。
就是这样。

我在 2 02 2 年尝试过这个。
首先创建一个 div 并隐藏它。
请参阅：

一开始忘记加ID了，找了好久才找到。
真的。

然后尝试添加一些东西。
示例：

有一个按钮，当你点击它时，会弹出一个这样的窗口。

<button onclick=openPopup()">点击我</button>
这两个按钮分别是打开和关闭。

JavaScript 函数 openPopup(){ document.getElementById('popup-container').style.display = 'block'; }
函数 closePopup(){ document.getElementById('popup-container').style.display = 'none'; }
就是这么简单。
从一开始就是这样，没有风格。
白色和黑色的混合看起来很难看。

后来我考虑添加CSS。
看看这个：
css .popup { 显示：无； 位置：固定； 顶部：0； 左：0； 宽度：1 00%； 高度：1 00%； 背景颜色：rgba(0,0,0,0.5 )； Z 指数：1 000； 内容合理性：居中； 项目对齐：居中； }
.popup-内容{ 背景颜色：白色； 内边距：2 0px； 边框半径：8 px； 宽度：3 00px； 文本对齐：居中； }
我添加了半透明的黑色底座。
像这样打开时，不引人注意，清晰可见。

我们又添加了两个函数，一个是提交函数，另一个是不执行任何操作即可关闭的函数。

JavaScript 函数提交表单(){ const name = document.getElementById('name').value; Alert(提交成功,名称:${name}); 关闭弹出窗口（）； }
然后我突然想到，我也许可以通过点击外面来关闭它。
添加以下句子：
javascript document.getElementById('popup-container').addEventListener('click', function(e){ if(e.target === this) closePopup(); });
好吧，试试这个。
单击背景将其关闭。
好的。

然后我又玩了一下，添加了一些过渡效果。
淡入和淡出。

CSS .popup { 过渡：不透明度 0.3 秒 简单； }
起初，不透明度错误并且闪烁了。
花了很长时间才适应。

所以，我们在2 02 2 年创建了一个弹出框。
也许添加任意样式有点极端。
多少？它不需要任何成本。
没有确切的数额。