Javascript 甜警报语法
我没能让sweet alert运行起来，我认为这与语法有关。有人能告诉我应该做什么吗Javascript 甜警报语法,javascript,syntax,sweetalert,Javascript,Syntax,Sweetalert,我没能让sweet alert运行起来，我认为这与语法有关。有人能告诉我应该做什么吗 <!DOCTYPE html> <html> <head> <title>Testing</title> <script src="dist/sweetalert.min.js"></script> <link rel="stylesheet" type="text/css" href="dist/sweet
<!DOCTYPE html>
<html>
<head>
<title>Testing</title>
<script src="dist/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="dist/sweetalert.css">
</head>
<body>
<script>
swal({
title: 'Confirm',
text: 'Are you sure to delete this message?',
type: 'warning',
showCancelButton: true,
confirmButtonText: 'Yes, sir',
cancelButtonText: 'Not at all'
});
</script>
</body>
</html>
测试
游泳({
标题：“确认”，
text:“您确定要删除此邮件吗？”，
键入：“警告”，
showCancelButton:true，
confirmButtonText：“是的，先生”，
cancelButtonText:“一点也不”
});
document.querySelector（'button#test-1'）。onclick=function（）{
游泳({
标题：“确认”，
text:“您确定要删除此邮件吗？”，
键入：“警告”，
showCancelButton:true，
confirmButtonText：“是的，先生”，
cancelButtonText:“一点也不”
});
};
显示警报
向html添加按钮并触发onclick事件
e、 g.使用标准查询选择器
document.querySelector（'button#test-1'）。onclick=function（）{
游泳({
标题：“确认”，
text:“您确定要删除此邮件吗？”，
键入：“警告”，
showCancelButton:true，
confirmButtonText：“是的，先生”，
cancelButtonText:“一点也不”
});
};
显示警报
向html添加按钮并触发onclick事件
e、 g.使用标准查询选择器
document.querySelector（'button#test-1'）。onclick=function（）{
游泳({
标题：“确认”，
text:“您确定要删除此邮件吗？”，
键入：“警告”，
showCancelButton:true，
confirmButtonText：“是的，先生”，
cancelButtonText:“一点也不”
});
};
显示警报
向html添加按钮并触发onclick事件
e、 g.使用标准查询选择器
document.querySelector（'button#test-1'）。onclick=function（）{
游泳({
标题：“确认”，
text:“您确定要删除此邮件吗？”，
键入：“警告”，
showCancelButton:true，
confirmButtonText：“是的，先生”，
cancelButtonText:“一点也不”
});
};
显示警报
只需按照以下要求更改代码：
<!DOCTYPE html>
<html>
<head>
<title>Testing</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.33.1/sweetalert2.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.33.1/sweetalert2.js"></script>
<script>
$(document).ready(function(){
Swal.fire({
title: 'Success',
text: "Your sweet alert successfully worked",
type: 'success',
});
});
</script>
</head>
<body>
</body>
</html>
测试
$（文档）.ready（函数（）{
喷火({
标题:"成功",，
文本：“您的甜蜜警报成功运行”，
键入：“成功”，
});
});
只需按照以下步骤更改代码：
<!DOCTYPE html>
<html>
<head>
<title>Testing</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.33.1/sweetalert2.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.33.1/sweetalert2.js"></script>
<script>
$(document).ready(function(){
Swal.fire({
title: 'Success',
text: "Your sweet alert successfully worked",
type: 'success',
});
});
</script>
</head>
<body>
</body>
</html>
测试
$（文档）.ready（函数（）{
喷火({
标题:"成功",，
文本：“您的甜蜜警报成功运行”，
键入：“成功”，
});
});
只需按照以下步骤更改代码：
<!DOCTYPE html>
<html>
<head>
<title>Testing</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.33.1/sweetalert2.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.33.1/sweetalert2.js"></script>
<script>
$(document).ready(function(){
Swal.fire({
title: 'Success',
text: "Your sweet alert successfully worked",
type: 'success',
});
});
</script>
</head>
<body>
</body>
</html>
测试
$（文档）.ready（函数（）{
喷火({
标题:"成功",，
文本：“您的甜蜜警报成功运行”，
键入：“成功”，
});
});
只需按照以下步骤更改代码：
<!DOCTYPE html>
<html>
<head>
<title>Testing</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.33.1/sweetalert2.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.33.1/sweetalert2.js"></script>
<script>
$(document).ready(function(){
Swal.fire({
title: 'Success',
text: "Your sweet alert successfully worked",
type: 'success',
});
});
</script>
</head>
<body>
</body>
</html>
测试
$（文档）.ready（函数（）{
喷火({
标题:"成功",，
文本：“您的甜蜜警报成功运行”，
键入：“成功”，
});
});
您可以检查开发者控制台是否有任何错误吗？控制台中的swal也是全局可用的吗？我复制并粘贴了，所以我怀疑是否存在错误。那么是什么触发了事件？您需要一个带有onclick事件或类似事件的按钮。@markyph是对的，您缺少触发事件的元素。这与绑定此功能不同，所有警报都将被覆盖。你必须自己定义每个警报。你能检查开发人员控制台是否有任何错误吗？控制台中的swal是否可用作全局警报？我复制并粘贴了警报，因此我怀疑是否存在错误。那么触发事件的原因是什么？您需要一个带有onclick事件或类似事件的按钮。@markyph是对的，您缺少触发事件的元素。这与绑定此功能不同，所有警报都将被覆盖。你必须自己定义每个警报。你能检查开发人员控制台是否有任何错误吗？控制台中的swal是否可用作全局警报？我复制并粘贴了警报，因此我怀疑是否存在错误。那么触发事件的原因是什么？您需要一个带有onclick事件或类似事件的按钮。@markyph是对的，您缺少触发事件的元素。这与绑定此功能不同，所有警报都将被覆盖。你必须自己定义每个警报。你能检查开发人员控制台是否有任何错误吗？控制台中的swal是否可用作全局警报？我复制并粘贴了警报，因此我怀疑是否存在错误。那么触发事件的原因是什么？您需要一个带有onclick事件或类似事件的按钮。@markyph是对的，您缺少触发事件的元素。这与绑定此功能不同，所有警报都将被覆盖。你必须自己定义每个警报。我在你的Answare中添加了一个片段，以便更好地使用。谢谢@Dwza-以后会记得这样做的-很好，所以现在允许这样做。我在你的Answare中添加了一个片段，以便更好地使用。谢谢@Dwza-以后会记得这样做的-很好，所以现在允许这样做。我在你的Answare中添加了一个片段，以便更好地使用更好的使用。谢谢@Dwza-以后会记得这样做的-很好，所以现在允许这样做。我在你的Answare中添加了一个片段，以便更好地使用。谢谢@Dwza-以后会记得这样做的-很好，所以现在允许这样做。