JavaScript Alert 确认框标题自定义方法
在JavaScript中，无法直接自定义'alert'确认框的标题。'alert'是浏览器原生提供的函数，其外观和行为是由浏览器决定的，无法通过代码来修改。
如果你需要自定义确认框的标题，可以使用其他的解决方案，例如使用模态框插件或自己构建一个模态框来替代'alert'确认框。这些解决方案通常提供了更多的自定义选项，包括标题的设置。
以下是使用模态框插件（如Bootstrap的Modal插件）来创建自定义确认框的示例：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</head>
<body>
<button type="button" class="btn btn-primary" onclick="showCustomConfirm()">显示确认框</button>
<div class="modal" id="customConfirmModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">自定义确认框标题</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
确认框内容
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary">确认</button>
</div>
</div>
</div>
</div>
<script>
function showCustomConfirm() {
$('#customConfirmModal').modal('show');
}
</script>
</body>
</html>
在上述示例中，我们使用了Bootstrap的Modal插件来创建一个模态框，并自定义了标题为'自定义确认框标题'。点击按钮时，调用showCustomConfirm函数来显示模态框。
原文地址: https://www.cveoy.top/t/topic/m05z 著作权归作者所有。请勿转载和采集!