亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

js彈出對話框怎么自定義

js
小億
213
2023-07-27 08:28:59
欄目: 編程語言

在JavaScript中,可以使用alert()函數來彈出對話框,但是這個對話框是瀏覽器默認的樣式,無法自定義。

如果你想要自定義彈出對話框的樣式,可以使用HTML和CSS來創建一個自定義的對話框。下面是一個簡單的例子:

HTML代碼:

<div id="dialog">
<div id="dialog-content">
<h2>自定義對話框</h2>
<p>這是一個自定義的對話框。</p>
<button onclick="closeDialog()">關閉</button>
</div>
</div>

CSS代碼:

#dialog {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
}
#dialog-content {
background-color: white;
padding: 20px;
text-align: center;
border-radius: 5px;
}
#dialog-content h2 {
margin-top: 0;
}
#dialog-content button {
margin-top: 10px;
}

JavaScript代碼:

function showDialog() {
document.getElementById("dialog").style.display = "flex";
}
function closeDialog() {
document.getElementById("dialog").style.display = "none";
}

通過調用showDialog()函數,可以彈出自定義的對話框;通過調用closeDialog()函數,可以關閉對話框。

注意:以上代碼只是一個簡單的例子,你可以根據自己的需求進行修改和擴展。

0
巫溪县| 察隅县| 泰宁县| 宝清县| 龙游县| 五台县| 合作市| 余干县| 通榆县| 南陵县| 云南省| 铁岭县| 游戏| 缙云县| 九寨沟县| 湘阴县| 武汉市| 临泽县| 麦盖提县| 马龙县| 西青区| 苏尼特右旗| 罗田县| 广西| 甘肃省| 迁西县| 珲春市| 拉孜县| 铜川市| 宜章县| 宝清县| 绿春县| 南阳市| 亳州市| 察隅县| 长岛县| 平凉市| 苍山县| 太谷县| 马龙县| 汽车|