Question

我正在页面末尾加载一个javascript，就像下面的endtag正文一样：

<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

使用jQuery代码应为：

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

另外，如果你不想使用jQuery，你可以说：

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

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

<body onload=foo()>

希望有所帮助

Answer 2

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

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

以下是有关立即调用函数表达式（IIFE）的更多信息