Jquery 如何在DOM末尾激发javascript并将其放在head中

Jquery 如何在DOM末尾激发javascript并将其放在head中,jquery,document-ready,Jquery,Document Ready,我正在页面末尾的endtag主体之前加载javascript,如下所示: <script src="/plugins/Headroom/js/headroom2.js"></script> </body> </html> 在将javascript加载到head标记时,如何实现相同的结果? 我已经尝试添加如下所示的就绪处理程序 $( document ).ready(function() { // code goes here }()); 并将

我正在页面末尾的endtag主体之前加载javascript,如下所示:

<script src="/plugins/Headroom/js/headroom2.js"></script>
</body>
</html>
在将javascript加载到head标记时,如何实现相同的结果? 我已经尝试添加如下所示的就绪处理程序

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

并将此js加载到head中,但没有相同的结果

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

(function() {
// code js goes here
})
下面是有关立即调用函数表达式(IIFE)的更多信息


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

(function() {
// code js goes here
})
下面是有关立即调用函数表达式(IIFE)的更多信息


使用jQuery时,代码应为:

$( document ).ready(function() {
  // code goes here
});
另外,如果您不想使用jQuery,可以说:

window.onload = function(){
   // code goes here
}
最后,在
标记中定义一个函数
foo()
,并在
标记中为其指定onload属性:

<body onload=foo()>


希望对使用jQuery有所帮助,代码应该是:

$( document ).ready(function() {
  // code goes here
});
另外,如果您不想使用jQuery,可以说:

window.onload = function(){
   // code goes here
}
最后,在
标记中定义一个函数
foo()
,并在
标记中为其指定onload属性:

<body onload=foo()>


希望对您有所帮助

您应该在控制台中使用$(document).ready(function(){//code goes here})获得错误信息;删除结尾处的(),因为它会立即执行函数。哦,是的,两者都应该给出错误,否则它们相等。您可以执行
$(function(){//code})也是。(最后删除
()
)您应该在控制台中使用$(document.ready(function(){//code goes here})获得en error;删除结尾处的(),因为它会立即执行函数。哦,是的,两者都应该给出错误,否则它们相等。您可以执行
$(function(){//code})也是。(在末尾删除
()
)好的,我删除了()并且我的js看起来像:$(document).ready(function(){//code});。我在头中加载了这个脚本,但它没有给我预期的结果,因为我在正文结尾之前加载它时,您是否尝试在浏览器中检查控制台?可能有一些错误阻止它正确运行。请这样做,然后让我知道。Y2H你是对的;有一个错误,我修复了它。现在它工作得很好!与脚本位于文档末尾时的结果相同。感谢您的支持OK,我删除了()并且我的js看起来像:$(document).ready(function(){//code});。我在头中加载了这个脚本,但它没有给我预期的结果,因为我在正文结尾之前加载它时,您是否尝试在浏览器中检查控制台?可能有一些错误阻止它正确运行。请这样做,然后让我知道。Y2H你是对的;有一个错误,我修复了它。现在它工作得很好!与脚本位于文档末尾时的结果相同。谢谢你的支持