将Onclick按钮事件更改为页面加载Javascript

Question

我具有onclick按钮脚本警报，这是我单击按钮时显示的警报。我需要修改脚本，因此在加载页面时会显示警报。

按钮代码：

<button type="button" class="btn btn-success swalDefaultSuccess">
                  Launch Success Toast
</button>

Javascript：

<script type="text/javascript">
  $(function() {
    const Toast = Swal.mixin({
      toast: true,
      position: 'top-end',
      showConfirmButton: false,
      timer: 3000
    });

    $('.swalDefaultSuccess').load(function() {
      Toast.fire({
        type: 'success',
        title: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
      })
    });


</script>

有人可以帮忙吗？谢谢

Answer 1

有很多方法可以获取页面加载事件。

[页面加载文档和相关内容（图像等）时将显示警报

$(window).on('load', function(){
    Toast.fire({
        type: 'success',
        title: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
    })
});

准备好文档将在准备好文档后运行。

$(document).ready(function(){
        Toast.fire({
            type: 'success',
            title: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
        })
    });

请参见https://learn.jquery.com/using-jquery-core/document-ready/

香草Js

document.addEventListener("DOMContentLoaded", function() {
  Toast.fire({
    type: 'success',
    title: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
  })
});