jQuery页面加载方法

最新推荐文章于 2021-03-02 00:57:56 发布

lovqc

最新推荐文章于 2021-03-02 00:57:56 发布

阅读量1k

点赞数 1

分类专栏： web前端之路文章标签： jquery js

本文链接：https://blog.youkuaiyun.com/lovqc/article/details/49203243

版权

web前端之路专栏收录该内容

31 篇文章

订阅专栏

本文介绍了jQuery中实现页面加载的四种方法，包括：直接使用jQuery，第三种写法，避免命名冲突的jQuery写法，以及处理多个onload事件的方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种方法：

$(function(){
  alert("hello");
});

文档加载完后执行函数（这里的文档树不等于全部文件）
第二种写法：

$(document).ready(function(){
  alert("hello");
});

<span style="font-family:Microsoft YaHei;color:#ffcc33;"><em>文档树加载完后执行函数</em></span>

第三种写法：

(function($){
  alert("hello");
})(jQuery);

函数执行完后加载页面

jQuery不能写成jquery

第四种写法：

jQuery(function($){
  alert("hello");
});

加载完后执行函数

在js中，window.οnlοad=function(){} 这里是指的全部文件加载完后执行，也就是说这个写法会在文档树加载完之后执行，换一种说法就是在$(function(){});执行完之后执行

window.οnlοad=function(){}写多个只能执行一个，$(function(){});可以写很多都能得到执行,如果需要onload多个，可以这么写

<script type="text/javascript">
		$(window).load(function(){
			alert("hello,我是one");
		});
		$(window).load(function(){
			alert("hello,我是two");
		});
</script>

这么写两个都可以得到执行，执行顺序是从上到下

【技术无涯，不断求索-----------------小灯博客】