如何在 DOM 末尾触发 javascript 并放入头部

Question

我正在页面末尾加载一个 javascript，就在结束标记正文之前，如下所示：

<script src="/plugins/Headroom/js/headroom2.js"></script>
</body>
</html>

javascript 看起来像这样：

(function() {
// code js goes here
}());

如何在将 javascript 加载到 head 标签时获得相同的结果？我已经尝试添加如下所示的就绪处理程序

$( document ).ready(function() {
 // code goes here
}());

并将此 js 加载到头部但没有相同的结果

Answer 1

您是在函数声明后立即调用它。这是因为您要将 () 添加到函数的末尾。它应该看起来更像这样。

(function() {
// code js goes here
})

这里是关于立即调用函数表达式 (IIFE) 的更多信息

Answer 2

使用 jQuery 代码应该是：

$( document ).ready(function() {
  // code goes here
});

此外，如果您不想使用 jQuery，您可以说：

window.onload = function(){
   // code goes here
}

或者，最后，在 <head><script> 标签中定义一个函数 foo() 并在 <body> 标签中为其赋予 onload 属性：

<body onload=foo()>

希望对您有所帮助

how to fire javascript at the end of DOM and putting in head