Konvertieren Sie eine Javascript Button-Funktion zu einer Onload-Funktion

Question

Ich habe eine gut funktionierende 'Scroll-Top' Skript, das funktioniert gut auf meiner Website.

Es ist jedoch ein 'Button' Funktionsskript.

In einigen Fällen muss ich dieses Skript von einer Schaltflächenfunktion zu einer "Onload" -Funktion ausführen.

Ich bin nicht genug Strophe, um das Skript konvertieren zu können. Wenn mir jemand dazu Ratschläge geben kann, wäre das sehr zu begrüßen. Hier

ist das Skript (Tastenfunktion):

<button onclick="topFunction()" id="myBtn"><span class="BtnText">Page Top<span></button> 

    <script> 
    window.onscroll = function() {scrollFunction()}; function scrollFunction() { 
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {document.getElementById("myBtn").style.display = "block";} 
    else {document.getElementById("myBtn").style.display = "none";}} 
    function topFunction() {document.body.scrollTop = 0; document.documentElement.scrollTop = 0;} 
    </script> 

Answer 1

Ich bin nicht ganz sicher, ob Sie die Funktion topFunction() beim Laden der Seite ausgeführt werden soll.

Aber wenn das der Fall ist:

<script> 
window.onload = function() { 
    topFunction(); 
} 
window.onscroll = function() { 
    scrollFunction() 
}; 
function scrollFunction() { 
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { 
    document.getElementById("myBtn").style.display = "block"; 
    } 
    else { 
    document.getElementById("myBtn").style.display = "none"; 
    } 
} 
function topFunction() { 
    document.body.scrollTop = 0; 
    document.documentElement.scrollTop = 0; 
} 
</script>