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

ゝ一纸荒年。 2022-04-02 12:57 825阅读 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 页面初始化加载

相关 JavaScript # 前端 jquery 页面加载初始化方法

相关 JS和JQuery页面自动执行（加载）的方法

相关 js初始化加载

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

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

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

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

相关 jQuery和JS的加载模式

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