页面加载后如何执行jquery代码？

如果您希望某个活动对您的 page，你应该在 $（document）.ready（）函数。 里面的所有东西都会尽快加载 加载DOM时，在加载之前 页面内容已加载

---

我只想在加载页面内容后执行javascript代码。如何执行该操作？

使用

load

而不是

ready

：

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

更新 自jQuery 1.8以来，您需要使用

.on（）

。（）

发件人：

根据：

已删除不推荐使用的事件别名

.load

、

.unload

和

.error

（自jQuery 1.8以来已弃用）都不是 更多使用

.on（）

注册侦听器

---

如果要在第一个函数完成后运行第二个函数，请参阅。

以下

$(document).ready(function() { 
});

可以替换

$(window).bind("load", function() { 
     // insert your code here 
});

还有一种方法可以增加页面加载时间

$(document).ready(function() { 
  $(window).load(function() { 
     //insert all your ajax callback code here. 
     //Which will run only after page is fully loaded in background.
  });
});

---

编写您希望在其中执行的代码。当您的文档准备就绪时，将执行此操作

$(document).ready(function() { 

});

---

我正在寻找同样的问题，这里是什么帮助我。 这是jQuery 3.1.0版，自jQuery 1.8版以来，加载事件已不推荐使用。加载事件将从jQuery 3.0中删除。相反，您可以使用on方法并绑定JavaScript加载事件：

$(window).on('load', function () {
  alert("Window Loaded");
});

---

编辑：此代码将等待所有内容（图像和脚本）在浏览器中完全加载和呈现

在（'load'，function（）{…}）上，

$（window.on）

对我的代码来说启动太快，因为我使用的Javascript用于格式化和隐藏元素。隐藏得太快且保留高度为0的元素

我现在使用

$（window）.on（'pageshow'，function（）{//code here}）并在我需要的时候触发。
没有人提到这一点

$(function() {
    // place your code
});

这是的一个速记功能

$(document).ready(function() { .. });

这样可以避免在“$”中未定义

window.addEventListener("DOMContentLoaded", function(){
    // Your code
});

编辑：使用“DOMContentLoaded”比仅使用“load”更快，因为加载等待页面已完全加载，包括IMG。。。DomContentLoaded只等待结构
就绪处理程序中的加载处理程序？这太疯狂了。您不需要文档就绪，因为窗口确实存在于该点，您可以附加一个处理程序，而不需要它。就绪处理程序中的加载处理程序在jQuery 3.0中无法工作。从对这个答案的评论中可以看到：$（window）.on（“load”，function（）{//code here}）。。因为“.load”已被弃用。使用.on（）显然。。但是我花了1个小时才找到这个。。非常感谢。请注意尝试
$（文档）的错误。在（'load'，…
上，它需要是
$（窗口）。在（'load'，…
上，这一个也帮助了我，我确实想在显示jQuery移动页面后运行一些代码。谢谢。@Boyd CyrJust想补充一下，与公认的答案相比，这段代码有多大帮助。非常感谢。
window.addEventListener("DOMContentLoaded", function(){
    // Your code
});