在 javascript 中正确使用 vars

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。

在 javascript 中正确使用 vars

Correctly usage of vars in javascript

javascript

variables

alert