在JavaScript中更改confirm()的默认标题？
在JavaScript中，confirm() 函数用于显示一个带有确认和取消按钮的对话框，默认标题是浏览器提供的。要更改默认标题，可以使用以下方法：
- 创建一个自定义的对话框，使用HTML、CSS和JavaScript来实现。这样，您可以完全控制对话框的标题和其他元素。
- 使用第三方库，例如SweetAlert2、Bootstrap Modal等，它们可以让您更容易地创建自定义对话框。
以下是一个使用SweetAlert2库更改确认对话框标题的示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Custom Confirm Dialog</title>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</head>
<body>
<button onclick="showConfirmDialog()">显示确认对话框</button>
<script>
function showConfirmDialog() {
Swal.fire({
title: '自定义标题',
text: '您确定要执行此操作吗？',
icon: 'warning',
showCancelButton: true,
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then((result) => {
if (result.isConfirmed) {
// 用户点击了确定按钮，执行相应的操作
console.log('用户点击了确定按钮');
} else {
// 用户点击了取消按钮，执行相应的操作
console.log('用户点击了取消按钮');
}
});
}
</script>
</body>
</html>这个示例中，我们使用了SweetAlert2库来创建一个带有自定义标题的确认对话框。您可以根据需要修改标题、文本、按钮文本等属性。
相关·内容
1回答
这里是我的code.it是一个简单的服务，.how可以ı发送到数据结果，确认后点击相关的组件，.ifı，确认点击的数据，result=true，否则，.ı必须在组件文件中看到这个数据结果。
import { Injectable } from '@angular/core';
import Swal from 'sweetalert2';
@Injectable({
providedIn: 'root',
})
export class SweetalertService {
constructor() {}
confi
浏览 1提问于2022-05-31得票数 0
回答已采纳
我想更改SweetAlert2中的“标题”颜色。我怎么能这么做？提前谢谢你
function CustomConfirm(title, message, type) {
return new Promise((resolve) => {
Swal.fire({
title: title,
text: message,
icon: type,
showCancelButton: true,
confirmButtonColor: '#d33
浏览 8提问于2021-08-03得票数 4
回答已采纳
1回答
单击SweetAlert2的确认按钮后，我想打开一个模式。但点击后什么都不会发生。
我找到了唯一的之一，这也是我现在面临的问题。
我也尝试过同样的方法，但是它不起作用，也许是因为他有最古老的SweetAlert版本。
总之，这是我的密码：
Swal.fire({
title: 'Process Selected Item(s)?',
icon: 'warning',
allowOutsideClick: false,
allowEscapeKey: f
浏览 2提问于2022-03-11得票数 0
回答已采纳
我使用Sweetalert2制作了一个警告框，但是箭头键不起作用。我希望能够使用箭头键在“是”和“否”之间进行选择。它使用它们的演示在站点上工作，但不使用我的代码。下面是片段：
Swal.fire({
width: '32rem',
title: ' Incoming Call!',
text: "Take it?",
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33'
浏览 4提问于2022-02-18得票数 0
回答已采纳
1回答
我用“甜蜜警报2”进行对话。
现在，如果应该删除或不删除数据库条目，我希望将其用于安全问题。显示对话框是没有问题的，但是如果delete被混淆了，我就找不到集成函数的方法。有人能帮帮我吗？
这就是现在的代码：
<script>
Swal.fire({
title: '',
text: "Diesen Eintrag wirklich löschen?",
icon: 'warning',
showCancelButt
浏览 7提问于2022-06-26得票数 0
回答已采纳
2回答
我的javascript知识也很差，所以请帮助。我试图保护用户页面，并添加确认对话框以删除。但我不知道怎么去抓提交方法。我使用“从sweetalert2确认”，但不幸的是，表单方法运行时没有单击任何按钮。
所以我的问题是如何修改代码？
<form action="{{ route('users.destroy', ['user' => \Illuminate\Support\Facades\Auth::id()]) }}" method="post">
@csrf
@method('DEL
浏览 1提问于2021-03-10得票数 0
回答已采纳
当我使用本机确认()时，它可以正常工作，但是对于Sweeetalert2，它没有工作，有谁能帮上忙吗？
我不知道为什么它根本不起作用。但是来自Sweetalert2的错误
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<
浏览 0提问于2020-11-08得票数 1
回答已采纳
1回答
，这是问题所在。抱歉，我问了个愚蠢的问题。
我阅读了如何将这个库连接到我的项目。
我用的是vs代码。
首先，我需要在我的项目中安装npm，在vs代码终端中使用命令npm install sweetalert2。
那是我做的。
接下来，我需要在sweetalert2.min.js和sweetalert2.min.css中添加对<head>的引用。然后打电话给函数。
Swal.fire({
title: 'Error!',
text: 'Do you want to continue',
icon: 'error',
浏览 2提问于2022-05-13得票数 0
我正在使用sweetalert2插件。它可以正常工作，但是现在我想删除按钮类并添加我自己的类。
class=swal2-确认swal2样式的，但我需要class=swal2-确认btn -
任何解决方案都很感激！
Swal.fire({
title: 'Are you sure?',
text: 'You will not be able to recover this imaginary file!',
type: 'warning',
showCancelButton: tru
浏览 1提问于2019-07-13得票数 6
回答已采纳
1回答
问题
“kartik\yii2 2-对话框”是由“kartik\tree-manager”使用的，它覆盖Sweet警报对话框/消息框。
如何禁用treeview管理器的依赖项‘kartik\yii2 2-对话框’以便使用SweetAlerts？
尝试了：
'assetManager' => ['bundles' => [ 'kartik\dialog\DialogAsset' => ['js' => [],], ... ,
甜警报开始在网格和确认事件中工作，但是treemanager不再起作用(未定义Ref
浏览 1提问于2019-03-12得票数 1
1回答
我对cakephp框架非常陌生，我尝试使用甜警报确认，而不是普通的javascript确认方法。但我不知道如何将其与cakephp表单集成。
$this->Form->postLink(
__('Withdraw'),
['action' => 'request'],
['confirm' => __('Are you sure?'), 'class' => 'bt
浏览 14提问于2022-08-22得票数 1
如何修复sweetalert2确认对话框在onclick事件按钮中不能正常工作？
我有一个模式弹出，在提交sweetalert2确认对话框被触发之前CRUD操作。
这是我的模态表格代码：
<form id="EditForm" asp-action="Edit">
<div class="modal-body">
/*input codes here*/
</div>
<div class="modal-footer justify-content-between">
浏览 7提问于2020-11-17得票数 0
回答已采纳
我确实在 2.5应用程序中安装了javascript库来替换确认javascript本机函数。
我的表单在点击yes按钮后没有提交数据。当单击no按钮时，我有预期的行为，数据不会提交。
如果我选择了yes按钮，我如何使用甜蜜警报作为一个确认原生javascript函数来提交数据？
下面是我的代码：
<?php
//at default.ctp :
echo $this->Html->css(array('sweetalert/sweetalert'));
echo $this->fetch('css'
浏览 26提问于2017-02-08得票数 0
回答已采纳
1回答
我尝试使用甜蜜警报自定义确认删除，但在尝试显示已删除的数据名称时遇到此问题 这是删除表单： <button type="submit" onclick="deleteCategory('{{ $categories->id }}')" class="dropdown-item text-danger" href="#">
<i class='bx bxs-trash-alt' ></i> Delete</button>
浏览 13提问于2021-09-06得票数 0
回答已采纳
我正在关注，它正在创造奇迹。但是，使用iconColor属性时，我在控制台中得到以下错误：SweetAlert2: Unknown parameter "iconColor"。如何轻松更改图标的颜色？我可以使用customClass更改颜色，但我更喜欢使用文档中所示的iconColor。
Javascript：
function Delete(e) {
swal.fire({
title: "Do you want to delete?",
text: " You
浏览 2提问于2020-12-06得票数 1
1回答
我有一个sweetalert2模式，它有一个暗模式的切换开关，我想要切换这个模式的暗模式。
我试过：
Swal.fire({
title: 'Settings',
icon: 'question',
iconHtml: '<i class="fa fa-cog settings-modal-icon"></i>',
html: settingsMenuHtml,
showCloseButt
浏览 7提问于2022-10-21得票数 2
回答已采纳
所以我正在做一个项目，我想让它，当管理员点击删除按钮，一个自定义的警报弹出窗口，其中有三个按钮“是”和“否”，所以如果管理员点击是按钮，用户被删除，如果他点击没有按钮，用户没有被删除，列表保持不变，我可以弹出一个js警报弹出并完成工作，但它很简单，我想有一个定制的警报框，所以这里是代码
<tbody>
<tr>
<td> <?php echo $value['0']; ?> </td>
<td> <?php echo $value['1']; ?> </
浏览 10提问于2022-03-23得票数 -1
我正在写一个网络项目，录制音频，并将其发送到后端服务器。 在用户完成记录后，我将使用SaveAlert2的Swal.fire()来显示成功消息，并获得完成此过程所需的用户输入(将创建的PDF的标题)。 当用户按下submit按钮时，会向服务器发送一个axios请求，这需要几秒钟的时间。 现在在我的代码中，当甜蜜警报的“提交”按钮被按下时，弹出窗口关闭，用户应该只是等待，而没有任何指示页面正在等待响应。 我的问题是:我如何更改弹出窗口的内容，让用户知道它使用sweetalert2的界面加载(或者如果有更好的方法这样做)？ Swal.fire()代码： const stopRecording =
浏览 19提问于2021-03-26得票数 0
我是Laravel的新手，我尝试用ajax删除数据，当我点击删除按钮时，页面是刷新的，但是数据正在完美地删除，但不应该重新加载。
控制器
public function destroy($id)
{
$delete = Digitizing::where('id', $id)->delete();
return back();
}
HTML视图
<a href="{{route('digitizing.delete',$digitizing->id)}}"
class="
浏览 4提问于2020-05-22得票数 0
1回答
我有一个问题，我正在学习如何使用sweetarlet2，我正在使用spring项目。我想在删除之前做一个有arlet的按钮。这是我的HTML按钮。 <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#delete" onclick="deleteArlet('+${ps.nama}+ ')"> delete </button> 这是我的js脚本。 <scrip
浏览 20提问于2020-07-18得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
