加载页面后如何加载jQuery代码？

方法 1：将 on() 方法与 load 事件一起使用： jQuery 中的on()方法用于将任何事件的事件处理程序附加到所选元素。首先使用选择器选择窗口对象，然后在该元素上使用 on() 方法。
只要整个页面完成加载，包括样式表和图像等其他资源，就会触发 ‘load’ 事件。检查此事件是否将其绕过 on() 方法。然后可以在此方法的第二个参数中调用要执行的函数。这将在页面完成加载后调用该函数。

句法：

$(window).on('load', functionTobeLoaded() )

例子：

  

    
        How to load jQuery code
        after page loading?
    
      
    
    

  

    
        GeeksforGeeks
    
      
    
        How to load jQuery code
        after page loading?
    
      
    
        The current datetime is:
        
    
      
    
        $(window).on('load', showDatetime());
      
        function showDatetime() {
            document.querySelector(".date").textContent
                    = new Date();
        }
    

  

输出：页面加载后：

方法 2：使用 ready() 方法： jQuery 中的ready()方法用于在 DOM 变得可以安全操作时执行代码。它接受一个可以与需要执行的函数一起传递的处理程序。它现在将在页面完成加载后调用该函数。

句法：

$(document).ready( functionTobeLoaded() )

例子：

  

    
        How to load jQuery code
        after page loading?
    
      
    
    

  

    
        GeeksforGeeks
    
      
    
        How to load jQuery code
        after page loading?
    
      
    
        The current datetime is:
        
    
  
    
        $(document).ready(
            showDatetime()
        );
      
        function showDatetime() {
        document.querySelector(".date").textContent
                = new Date();
        }
    

  

输出：页面加载后