页面加载后JS执行方式有哪些简要概述？

本文共计867个文字，预计阅读时间需要4分钟。

在具体应用中，往往需要在页面加载完成后才去执行相关的JS代码，这样的操作是有道理的。例如，如果需要操作DOM元素，而相关元素尚未加载完成，则直接执行JS代码可能会造成错误。因此，页面加载完毕后再执行JS代码是必要的。

在实际应用中往往需要在页面加载完毕之后再去执行相关的js代码，之所以这么操作是有道理的，如果是操作dom元素，如果相关元素没有加载完成，而去执行js代码，可能会导致错误，下面就介绍一下如何实现页面加载完成再去执行代码，这是最为基础的知识了，可能初学者还不太了解，寄希望能够给需要的朋友带来一定帮助。

一.window.onload事件:

代码如下:

原生js

window.onload=function(){ //code }

jquery

$(window).load(function(){ //code });

当页面完全加载完毕之后再去执行code代码。说明页面需要dom操作，必须到最后才可以执行。

二.使用jQuery的ready事件:

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

一般

(function () { //code } })();

当稳当结构加载完毕再去执行code代码。

通用的页面加载后再运行JS有两种方式：1、在DOM加载完毕后，页面全部内容（如图片等）完全加载完毕前运行JS。