Javascript 我的“屏幕顶部”按钮脚本有问题_Javascript

Javascript 我的“屏幕顶部”按钮脚本有问题

javascript

Javascript 我的“屏幕顶部”按钮脚本有问题,javascript,Javascript,我创建了一个数据库来向我的用户显示信息。我决定在页面顶部添加一个按钮，以帮助我的用户滚动到页面顶部。当我使用标签时，它工作得很好，但我决定清理它，希望像pros那样编写代码并创建一个外部js文件夹，但当我这样做时，它停止了工作。当我向下滚动页面时，我再也看不到按钮了。我几乎没有脚本方面的经验，因此非常感谢您的帮助 <head> <link rel="stylesheet" href="styles.css">

我创建了一个数据库来向我的用户显示信息。我决定在页面顶部添加一个按钮，以帮助我的用户滚动到页面顶部。当我使用标签时，它工作得很好，但我决定清理它，希望像pros那样编写代码并创建一个外部js文件夹，但当我这样做时，它停止了工作。当我向下滚动页面时，我再也看不到按钮了。我几乎没有脚本方面的经验，因此非常感谢您的帮助

<head>
        <link rel="stylesheet" href="styles.css">
        <script src="/js/top.js"></script>    
   
</head>
<body>
<button onclick="topFunction()" id="myBtn" title="Go to top">Return to Top</button>

在DOM中的myButton之前包含脚本，以便调用document.getElementByIdmyBtn；返回未定义的。您应该在前面的页面末尾包含标记，以便在尝试执行任何操作之前加载DOM的所有部分

还有其他方法可以解决这个问题，例如

document.addEventListener('DOMContentLoaded', function() { 
// your code here
})

将仅在加载DOM内容后运行代码。

还有其他方法可以解决这个问题，例如

document.addEventListener('DOMContentLoaded', function() { 
// your code here
})

只会在加载DOM内容后运行代码。

我一直在玩它，并接受了上面提到的建议，谢谢。它现在正在工作。我在之前移动了和标签，我继续玩它，并接受了上面提到的建议，谢谢。它现在正在工作。我在之前移动了和标记，这在我看来就像旧问题一样，在完全加载文档之前执行脚本。您可能会这样做：在我看来，这就像旧问题一样，在文档完全加载之前执行脚本。你可以这么说：我试过了，但还是不行但它仍然不起作用

<button onclick="topFunction()" id="myBtn" title="Go to top">Return to Top</button>
<script src="js/top.js" defer></script>