在 JavaScript 中加载页面时如何运行函数？

当页面加载成功时可以执行一个函数。这可用于各种目的，例如检查 cookie 或根据用户浏览器设置正确的页面版本。

方法一：使用onload方法：网页正文包含要显示的实际内容。只要元素完成加载，就会发生 onload 事件。这可以与 body 元素一起使用，以在网页完全加载后执行脚本。这里给出了需要执行的函数。

句法：

例子：

  

    

  

      
    
GeeksforGeeks
      
    
        How to run a function when the
        page is loaded in javascript ?
    
      
    

        The script has been executed. Check
        the console for the output.
    

  

输出：

控制台输出：

方法二： window对象代表浏览器窗口。 onload 属性在元素完成加载后处理加载事件。这与 window 元素一起用于在网页完全加载后执行脚本。需要执行的函数作为处理函数分配给该属性。加载网页后，它将立即运行该函数。

句法：

window.onload = function exampleFunction() {
  
    // Function to be executed
}

例子：

  

    
        How to run a function when the
        page is loaded in javascript ? 
    

  

    
        GeeksforGeeks
    
      
    
        How to run a function when the
        page is loaded in javascript?
    
      
    
        The script has been executed. Check
        the console for the output.
    
      
    
        window.onload = function exampleFunction() {
            console.log('The Script will load now.');
        }
    

  

输出：

控制台输出：

JavaScript 以网页开发而闻名，但它也用于各种非浏览器环境。您可以按照这个 JavaScript 教程和 JavaScript 示例从头开始学习 JavaScript。