从外部JavaScript获取div ID

Question

有关创建外部javascript文件并将其ID放入div标签的问题。

我尝试将javascript代码复制到外部文件中，但是当我执行div代码时，它不起作用

 <script src="h&f.js" defer </script>
<div id="header"></div>
<div id="footer"></div>

src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous"

$(function(){
    $("#header").load("header.html");
    $("#footer").load("footer.html");
});

更新：延迟方法无效 div标签不起作用