JavaScript载入

在JavaScript中，此事件可用于在页面完全显示时启动特定函数。它还可以用来验证访问者浏览器的类型和版本。我们可以通过使用onload属性来检查页面使用的cookie。

在HTML中，onload属性在加载对象时触发。此属性的目的是在关联的元素加载时执行脚本。

在HTML中，onload属性通常与网页的内容(包括CSS文件，图像，脚本等)完全加载后执行脚本的元素。不必仅将其与标记一起使用，因为它可以与其他HTML元素一起使用。

document.onload和window.onload之间的区别是：document.onload在加载图像和其他外部内容之前触发。它在window.onload之前触发。在window.onload在整个页面加载(包括CSS文件，脚本文件，图像等)加载时触发。

句法

window.onload = fun()

让我们通过一些示例来了解此事件。

例1

在此示例中，有一个div元素，其高度为200px，宽度为200px。在这里，我们使用window.onload()在加载网页后更改div元素的背景颜色，宽度和高度。

背景颜色设置为“红色”，宽度和高度分别设置为300px。

 This is an example of window.onload() 

输出量

执行代码并加载页面后，输出将为-

例2

在此示例中，我们通过使用DOM对象的属性和javascript函数来实现简单的动画。我们使用JavaScript函数getElementById()获取DOM对象，然后将该对象分配给全局变量。

   
      
         
      
     
      
      
   
            
           
            
Click the below button to move the image right
   
           
         
      
  
     
     

输出量

成功执行上述代码后，输出将为-

现在，有一个示例，其中我们将使用HTML onload属性和JavaScript函数。

例子3

这是将HTML onload属性与JavaScript中定义的函数结合使用的简单示例。在此示例中，每当文档刷新时，都会调用alert()函数。

 Example of the HTML onload attribute 
 Try to refresh the document to see the effect. 

输出量

执行完上述代码后，输出将为-