HTML文件未从javascript文件中提取信息

Question

我目前正在为训练营做“准备工作”。我正在尝试获取HTML以从我的javascript文件中提取函数。当我使用“关注链接”功能时，它会将我带到正确的文件，这只是不提取信息来完成该功能。

<script type="text/javascript" src="javascript/javascript.js"></script>

我试图弄清楚为什么该脚本代码没有从文件中提取预期的功能。

Answer 1

script标签用于引入该页面将要使用的javascript文件。此javascript文件可能包含函数声明，变量声明和所有其他内容。

对于您来说，如果您想重定向或获得相同的功能，则应该在IDE中使用某种自动完成工具。它将检查所有功能，并仅提供完成功能的信息。

给定的script标签将标记将使功能/代码查找器查看所有文件。 CSS也一样。

Answer 2

这里的问题是您的JavaScript在页面加载完成之前正在运行。因此，当您对document.getElementById的呼叫发生时，这些按钮甚至都没有。

尝试一下：

document.addEventListener('DOMContentLoaded', (e) => {
  // Put your existing code here
});

这是为事件DOMContentLoaded添加一个事件处理程序，该事件处理程序将在完全下载，解析文档以及组装DOM树并准备通过脚本进行操作时触发。在事件处理程序中，您可以运行代码。

Answer 3

请将脚本引用添加到close body标记下方。 您的脚本包含html页面中控件的引用， 因此，在页面加载之前调用脚本不会将事件绑定到控件，因为控件未实例化。

或

您可以在函数内添加代码，然后在页面底部调用该函数。

</body>
<script src="javacsript/javascript.js"></script>
</html>