页面加载完成事件 - onload，四种写法

在js和jquery使用中，经常使用到页面加载完成后执行某一方法。通过整理，大概是五种方式：

js动态加载外部插件后，导致页面加载顺序不是按照代码的书写顺序执行，引起报错，
这时候就可以用监听页面加载完成事件来指定代码的加载顺序

1、JQuery方法

方法

$(function){}
$(document).ready(function(){})

说明
$(function){}是$(document).ready(function(){})的简写方式。
两个都是document加载完成后就执行回调的方法

2、window的load事件

方法

jquery写法：$(window).load(function(){})
js写法：window.onload = function(){}

说明
二者都是等到整个window加载完成执行的方法，本质上相同。

两种方法的区别

JQuery方法，是等待document加载完成后执行，
load方法，这里监控的是window加载完成后执行。
所以，这里load方法会在JQuery方法之后执行。

demo如下：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body>     </body><script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script><script type='text/javascript'>window.onload = function() {　　　　console.log("页面加载完成====》onload");　　}$(window).load(function() {　　　　console.log("jquery===》window load");　　})$(function() {　　　　console.log("jquery====》document onload");　　});$(document).ready(function() {　　　　console.log("jquery====》document ready");　　});</script>
</html>

参考链接：https://www.cnblogs.com/xuxiaoyu/p/11554944.html

页面加载完成事件 - onload，四种写法相关推荐

jQuery的页面加载完毕事件？
很多时候我们需要获取元素,但是必须等到该元素被加载完成后才能获取.我们可以把js代码放到该元素的后面,但是这样就会造成js在我们的body中存在不好管理.所有页面加载完毕后所有的元素当然已经加载完毕. ...
java配置文件实现方式_java相关：详解Spring加载Properties配置文件的四种方式
java相关:详解Spring加载Properties配置文件的四种方式发布于 2020-4-29| 复制链接摘记: 一.通过 context:property-placeholder 标签实现配 ...
spring加载ApplicationContext.xml的四种方式
spring加载ApplicationContext.xml的四种方式 spring 中加载xml配置文件的方式,好像有4种, xml是最常见的spring 应用系统配置源.Spring中的几种容器都 ...
Android中点击事件的四种写法
Android中点击事件的四种写法使用内部类实现点击事件使用匿名内部类实现点击事件让MainActivity实现View.OnClickListener接口通过布局文件中控件的属性第一种方法 ...
Android中按钮的点击事件的四种写法
如题,在Android中按钮的点击事件有四种写法,如下图. 界面为四个Button+一个TextView+一个ImageView activity_main布局文件如下: <?xml versi ...
java加快页面加载速度方法_关于页面加载速度优化的11种方法
1.合并js和css文件将js和css分别合并到一个共享文件,这样不仅能够简化代码,而且在执行js文件是,如果js文件较多,就需要多次向服务器请求数据,这样将会延长加载速度,将js文件合并在一起,减 ...
Android代码规范----按钮单击事件的四种写法
[前言] 按钮少的时候用第三种的匿名内部类会比较快,比如写demo测试的时候或者登陆界面之类. 按钮多的时候一般选择第四种写法. 一.第一种写法:在XML文件中声明onClick属性(很少用) 在XM ...
SWT事件的四种写法
一．匿名内部类写法在创建SWT中的HelloWorld插件项目中就是用的这种写法,再次复制如下: button.addSelectionListener(new SelectionAdapt ...
HTML 页面加载 Flash 插件的几种方法
前言之所以写这篇文章,主要是因为组长给提的一个新的需求--使用浏览器调用电脑的摄像头,来实现即时拍照的功能.在网上查了很多资料,由于这样那样的原因,最终选择了使用flash插件来调用pc的摄像头.当 ...

页面加载完成事件 - onload，四种写法

1、JQuery方法

2、window的load事件

两种方法的区别

页面加载完成事件 - onload，四种写法相关推荐

最新文章

热门文章