Jquery On Load - Javascript

简介

Jquery On Load是Jquery中的一种函数，可以在页面加载完成后执行指定的函数。

使用方法

$(window).on('load', function(){
    // 执行需要在页面加载完毕后执行的代码块
    console.log('页面加载完毕');
});

说明

• 当使用$(window).on('load', function(){...})时，函数中的代码块会在整个页面资源（如图片等）加载完成后才执行。
• 如果使用$(document).on('load', function(){...})，则只有文档的所有内容包括图片都加载完成后才会执行代码块。
• 如果使用$(function(){...})，则会在DOM树加载完毕后（不等待其他资源如图片等加载完毕）就执行代码块。
• 在Jquery On Load函数中可以执行所需的任何JavaScript代码，例如修改DOM元素，获取元素的属性值等操作。

示例

$(window).on('load', function(){
    // 修改元素的文本内容
    $('.text').html('这是修改后的文本内容');
    
    // 获取元素的属性值
    var href = $('a').attr('href');
    console.log('链接地址为：' + href);
});

结论

Jquery On Load函数可以保证在页面加载完毕后才执行需要的JavaScript代码，使用方便简单，值得推荐。