jquery页面加载完成后执行的方式有哪些

797
2023/8/22 19:32:13
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

在jQuery中,有以下几种方式可以在页面加载完成后执行代码:

  1. 使用$(document).ready()函数:这是最常用的一种方式,它会在DOM结构加载完成后执行代码。可以将要执行的代码包裹在$(document).ready(function(){...})中。

示例:

$(document).ready(function(){
// 在这里放置要执行的代码
});
  1. 使用$(window).on('load', function(){...}):这个方法会在页面所有资源(包括图片和外部脚本)加载完成后执行代码。

示例:

$(window).on('load', function(){
// 在这里放置要执行的代码
});
  1. 使用$(function(){...})的简写形式:这是$(document).ready()的简写形式,它能够在DOM结构加载完成后执行代码。

示例:

$(function(){
// 在这里放置要执行的代码
});

需要注意的是,以上的方式是等价的,可以根据个人习惯选择使用。

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: JQuery中uploadify的用法是什么