如何在DOM完全加载后执行jQuery代码

Question

我正在使用asp.net MVC 5并在表单完全加载其所有内容时尝试获取jQuery警报消息。我有以下代码成功执行并显示警告，表示表单没有任何显示和完全空白的时间，谢谢

<script>
   alert("Registered Successfully");
</script>

Answer 1

将其包装在document.ready中：

<script>
    $("document").ready(function(){
        alert("Registered Successfully");
    });
</script>

或者，使用简写：

<script>
    jQuery(function($) {
         alert("Registered Successfully");
    });
</script>

Answer 2

您可以执行以下操作之一：
- 将您的脚本放在页面的末尾 - 在$(function() { });或$( document ).ready(function() { }中写下您的代码 - 在$(window).load()中编写代码，等待所有内容，包括图像 - 没有jQuery：

window.onload = function WindowLoad(event) {
    alert("Page is loaded");
}

Answer 3

稍微变化甚至更短：

<script>
    $(function() {
        alert("Registered Successfully");
    });
</script>