将Javascript按钮功能转换为Onload功能

-2

我有一个很好的“scrolltop”脚本，可以在我的网站中正常工作。将Javascript按钮功能转换为Onload功能

但是，它是一个'按钮'功能脚本。

在某些情况下，我需要从一个按钮函数执行这个脚本到一个'onload'函数。

我还没有足够的能够转换脚本。如果有人能告诉我如何做到这一点，将不胜感激。

这里是脚本（按钮功能）：

<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>

来源

2017-07-02 Jamie Sexton

阅读标签说明使用前：Java和JavaScript是两个完全不同的语言。 – BackSlash

谢谢你对批评反斜杠。关于这个问题的任何知识？ –

“onload”函数的含义是什么？ “在某些情况下”是什么意思？ – quirimmo

我不能完全肯定，如果你的意思是要执行的函数topFunction()在页面加载时。

但是，如果是这样的话：

<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>

来源

2017-07-02 21:43:35

这正是我的意思。谢谢你。 –

不客气。 :) –

我现在要给它一个镜头，让你知道它是如何去的。我想知道，如果有一种方法来缩短脚本并删除它的'按钮'部分。但是我会在你编辑它时尝试它，看看它是否有效。 –

将Javascript按钮功能转换为Onload功能

回答

相关问题