js和 jquery 页面加载初始化方法

ゝ一纸荒年。 2022-04-02 12:57 798阅读 0赞

## js初始化方法 ##

1.body 增加onload事件并绑定函数。

页面元素全部加载完执行。（包括图片视频）

// 1.在body里面写初始化方法.
    <body onload='init()'>
    </body>
    
    <script type="text/javascript">
        function init(){ 
             // 初始化内容 
        }
    </script>

1.  window.onload方式。  
    方式1和方式2并存时。方式1会生效，方式2会失效。  
    当有多个window.onload时，只会执行最后一个。  
    页面元素全部加载完执行。（包括图片视频）

// 2.window.function(){}
    <script type="text/javascript">
        window.onload=function(){  
            // 初始化内容 
        }
    </script>

3.写初始化方法,页面顺序执行到初始化方法时初始化。该方式优先级最高

## jQuery初始化方法 ##

$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕

方式一：$(function()\{\})

方式二：$(document).ready(function()\{\})

它可以编写多个，并且每一个都会执行。  
当 DOM（文档对象模型） 已经加载，并且页面（包括图像）已经完全呈现时，会发生 ready 事件。

// ready()函数有以下三种等价的形式  
function handler()\{  
//这里是需要执行的代码  
\}

// 形式1  
$(document).ready( handler );  
// 形式2  
$( ).ready( handler ); // 不推荐该形式  
// 形式3  
$( handler );

方式三：jQuery(function($)\{\})

--------------------

三.jquery和js初始化加载页面的区别  
jquery：等待页面加载完数据，以及页面部分元素（不包括图片、视频），  
js：是页面全部加载完成才执行初始化加载

--------------------

document.ready和onload的区别——JavaScript文档加载完成事件  
页面加载完成有两种事件  
一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）  
二是onload，指示页面包含图片等文件在内的所有元素都加载完成。

js和 jquery 页面加载初始化方法

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Html 页面初始化加载

相关 JS页面加载时候的自动加载函数的方法

相关 js初始化加载

相关【 jQuery】页面加载 fakeLoader.js 及修改

相关 jQuery的load方法设计动态加载及解决被加载页面js

相关 js和 jquery 页面加载初始化方法

相关页面初始化加载,和控制div显示隐藏

相关 jQuery和JS的加载模式

相关 js jquery 页面加载初始化方法

相关 js 页面加载顺序