在javascript

Question

如何在同一页面上使用这两个脚本？我是JS的新手，但是我很确定我不能使用这些相同的变量使两个脚本在发生错误后正确运行（如果需要，甚至可以更多）。 “ Swal”是自定义的警报。

<script>
    window.onload = function(){
         var url = new URL(window.location.href);
         var error = url.searchParams.get("error");

         if(error==1) swal("Oops...", "Primeiro você deve escolher uma foto. Clique no botão 'Alterar Foto'.", "error");
    }
</script>

<script>
    window.onload = function(){
         var url = new URL(window.location.href);
         var error = url.searchParams.get("error");

         if(error==2) swal("Formato Inválido", "Por favor, escolha uma imagem no formato 'PNG' ou 'JPG'.", "warning");
         }
</script>

Answer 1

不要使用旧的onload / onclick，如果需要支持

Answer 2

您可以像这样将它们合并在一起：

<script>
    window.addEventListener('load', function() {
        var url = new URL(window.location.href);
        var error = url.searchParams.get("error");

        if(error==1) {
             swal("Oops...", "Primeiro você deve escolher uma foto. Clique no botão 'Alterar Foto'.", "error");
        } else if(error==2) {
             swal("Formato Inválido", "Por favor, escolha uma imagem no formato 'PNG' ou 'JPG'.", "warning");
        }
    }
</script>

注意：最好使用addEventListener附加事件而不是onload。