jQuery事件。(),。ready() unload(),。

ROMANIA_engineerEric提出了一个问题:jQuery events .load(), .ready(), .unload(),或许与您遇到的问题类似。

回答者SMRTower给出了该问题的处理方式:

NOTE: .load() & .unload() have been deprecated


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

Will execute after the page along with all its contents are done loading. This means that all images, CSS (and content defined by CSS like custom fonts and images), scripts, etc. are all loaded. This happens event fires when your browser's "Stop" -icon becomes gray, so to speak. This is very useful to detect when the document along with all its contents are loaded.

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

This on the other hand will fire as soon as the web browser is capable of running your JavaScript, which happens after the parser is done with the DOM. This is useful if you want to execute JavaScript as soon as possible.

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

This event will be fired when you are navigating off the page. That could be Refresh/F5, pressing the previous page button, navigating to another website or closing the entire tab/window.

To sum up, ready() will be fired before load(), and unload() will be the last to be fired.

希望本文对你有帮助,欢迎支持JavaScript中文网

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/12592


猜你喜欢

  • toFixed()和toPrecision()之间的差异?

    在前端开发中,我们经常需要对数字进行格式化处理。toFixed()和toPrecision()是两种常见的数字格式化方法。它们可以将数字保留指定位数的小数位数,并返回一个字符串表示该数字。

    7 年前
  • 如何使用 `getElementsByClassName` 代替包括JavaScript?

    在 Web 开发中,JavaScript 是一种常见的编程语言。其中,通过获取元素的方法来实现对网页进行操作是很重要的一个部分。而 getElementsByClassName 方法是其中的一种获取元...

    7 年前
  • 如何使用JavaScript更改HTML选择的选项?

    在Web开发中,HTML表单元素是常用的用户交互组件。其中,下拉菜单(select)是一种常见的表单元素,允许用户从预定义的选项中进行选择。 在某些情况下,我们需要使用JavaScript动态更改下拉...

    7 年前
  • 如何使用 jQuery 选择第一个父 div?

    在前端开发中,我们经常需要通过 jQuery 来操作 DOM 元素,其中选择器是最常用的一种方法。但是,当我们需要选择某个元素的第一个父 div 时该怎么办呢?下面将详细介绍如何使用 jQuery 来...

    7 年前
  • Backbone.js:重建或重新创建视图?

    在开发Web应用程序时,视图是将数据呈现给用户的关键部分。Backbone.js是一个流行的前端框架,它提供了一种结构来管理模型、集合和视图之间的依赖关系并简化了UI的开发。

    7 年前
  • 如何通过 jQuery 的链接得到一个元素?

    jQuery 是一个广泛使用的 JavaScript 库,它简化了 HTML 文档的遍历和操作。在前端开发中,我们经常需要根据链接(Link)获取相应的元素(Element),这里就来介绍一下如何通过...

    7 年前
  • JavaScript 中的不区分大小写正则表达式

    在编写 JavaScript 应用程序时,您可能需要使用正则表达式来匹配字符串。通常情况下,正则表达式是区分大小写的,这意味着它们只匹配与模式完全相同的字符串。但有时候您可能需要一种不区分大小写的匹配...

    7 年前
  • 为什么定义一个匿名函数并将它作为参数传递?

    在前端开发中,经常会看到在方法中传递匿名函数的写法。这样做有什么好处呢?让我们来探讨一下。 什么是匿名函数? 首先,让我们了解一下什么是匿名函数。匿名函数也称为“无名函数”,是指没有函数名的函数。

    7 年前
  • sessionStorage与localStorage的区别

    在前端开发中,我们经常需要使用浏览器存储来保存用户相关信息。而本文要介绍的sessionStorage和localStorage就是两种常见的浏览器存储方式,它们都具有相似的API,但是在使用过程中也...

    7 年前
  • 如何在 JavaScript 中传递给回调函数一个额外的参数:filter() 方法

    在 JavaScript 开发中,我们经常使用回调函数来处理异步操作,例如在 Array.prototype.filter() 方法中。但是,有时候我们需要向回调函数传递一些额外的参数以便更好地控制它...

    7 年前
  • 更改摩卡的默认超时时间

    在编写前端测试用例时,经常会使用Mocha测试框架。Mocha默认情况下设置了2秒的超时时间,如果在该时间内测试用例没有完成,则将其视为失败。然而,在某些情况下,我们需要更长的超时时间来确保测试用例的...

    7 年前
  • JavaScript:在gulpfile.js得到package.json数据

    在前端开发中,我们通常使用Gulp作为构建工具来自动化任务。而在Gulp的配置文件gulpfile.js中,我们可以方便地获取项目根目录下的package.json文件中的信息。

    7 年前
  • 在页面重新加载后,如何在Twitter引导下激活当前选项卡?

    Paul提出了一个问题:How do I keep the current tab active with twitter bootstrap after a page reload?,或许与您遇到的...

    7 年前
  • 如何使用JavaScript创建链接?

    在前端开发中,经常需要使用到链接(hyperlink)来实现页面之间的跳转或者打开新的网页。本文将介绍如何使用JavaScript创建链接,并提供详细的代码示例和指导意义。

    7 年前
  • JavaScript中的数字长度

    在JavaScript中,数字是一种基本的数据类型。但是,数字的长度却不仅仅是它们的位数。本文将探讨数字的长度是什么意思、如何计算和处理以及对前端开发的指导意义。 数字的长度是什么意思? 数字的长度通...

    7 年前
  • 如何将字符串分割为字符数组?

    在前端开发中,我们经常需要对字符串进行操作,其中一个常见需求是将字符串分割成字符数组。本文将介绍几种实现这个功能的方法,并详细讲解每种方法的优缺点和使用场景。 1. 使用 split() 方法 Jav...

    7 年前
  • 如何删除字符串的第一个字符和最后一个字符

    在前端开发中,我们经常需要对字符串进行处理,其中一种常见的操作是删除字符串的第一个和最后一个字符。下面将介绍几种实现方式。 1. 使用 substr 和 slice 方法 substr 和 slice...

    7 年前
  • 如果找不到源图像,如何显示交替图像?

    在前端开发中,我们经常需要显示图片。然而,有时候我们可能无法加载或找到原始图片,这时候就需要显示一个备用的交替图像。 为什么会出现找不到源图像的问题? 常见情况包括: 图片路径错误 原始图片已被删除...

    7 年前
  • JavaScript:格式化一个圆形数N小数

    当我们需要展示圆形数时,我们通常需要将其格式化为指定的小数位数。在JavaScript中,我们可以使用内置的Math对象来执行这个任务。 计算圆周率 在计算圆形数之前,我们需要先计算π(圆周率)。

    7 年前
  • 无法验证叶签名的常见问题及解决方法

    在前端开发中,我们经常需要对数字证书进行验证,以确保数据的完整性和安全性。其中,叶签名是一种常见的数字证书验证方式。但有时候,我们会遇到无法验证叶签名的问题,导致无法完成验证过程。

    7 年前

相关推荐

    暂无文章