alert弹框如何不显示域名
时间: 2024-02-19 16:03:28 浏览: 150
如果您希望弹出的alert弹框不显示域名,可以使用自定义弹窗来代替alert弹框。自定义弹窗可以使用HTML和CSS来创建,并且可以控制弹窗的外观和行为。以下是一个简单的示例,展示如何创建一个自定义弹窗:
HTML代码:
```
<div id="myCustomAlert">
<div class="alertHeader">
<h3>提示</h3>
<button onclick="closeAlert()">X</button>
</div>
<div class="alertContent">
这是一条提示消息。
</div>
</div>
```
CSS代码:
```
#myCustomAlert {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
height: 200px;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
z-index: 9999;
}
.alertHeader {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
background-color: #f0f0f0;
border-bottom: 1px solid #ccc;
}
.alertHeader h3 {
margin: 0;
}
.alertHeader button {
background-color: transparent;
border: none;
font-size: 20px;
cursor: pointer;
}
.alertContent {
padding: 20px;
}
```
JavaScript代码:
```
function openAlert() {
document.getElementById("myCustomAlert").style.display = "block";
}
function closeAlert() {
document.getElementById("myCustomAlert").style.display = "none";
}
```
您可以根据需要修改CSS样式和JavaScript代码来实现您的自定义弹窗,从而代替默认的alert弹框。
阅读全文