Измените событие кнопки Onclick на Page Onload Javascript - PullRequest
Новая
       34

Измените событие кнопки Onclick на Page Onload Javascript

0 голосов
/ 28 мая 2020

У меня есть предупреждение сценария нажатия кнопки, которое отображается, когда я нажимаю кнопку. мне нужно изменить скрипт, чтобы при загрузке страницы отображалось предупреждение.

Код кнопки: 

<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').click(function() {
      Toast.fire({
        type: 'success',
        title: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
      })
    });


</script>

любой может Помогите? спасибо

1 Ответ

0 голосов
/ 28 мая 2020

Есть много способов получить событие загрузки страницы.

Объяснение: В приведенных ниже примерах будет зарегистрировано событие, которое будет прослушивать загрузку документа / окна. Они должны быть указаны где-то (предпочтительно внутри ) в источнике страницы.

Это покажет предупреждение, когда страница загружает документ и связанное с ним содержимое (изображения и т. Д. c) 

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

Документ готов, запускается после того, как документ будет готов. 

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

См. https://learn.jquery.com/using-jquery-core/document-ready/

Ваниль Js

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


<html>
  <head>
    <script>
      document.addEventListener("DOMContentLoaded", function() {
        alert("DOM loaded");
      });
    </script>
  </head>
  <body>
    <p>Alert on page Loading</p>
  </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...