获取页面加载时执行的功能

Question

我有：

$(window).resize(function() {
    var X = $(window).height();
    $('#windowheight').text(X);
});

我希望它也可以在页面加载时运行 我以为我可以在定义的末尾使用（）来做到这一点。

Answer 1

$(document).ready(function() {
    $(window).trigger('resize');
});

顺便说一下，你不能在定义的末尾使用（），因为resize（在你的样本中）是方法调用（不是定义）。

Answer 2

$(function() {
    $(window).trigger('resize');
});

在这里，我们将一个函数传递给jQuery对象，该对象理解我们希望它在页面加载和准备好时运行。稍微更详细和更古老的方法是将函数传递给$(document).ready()。

Answer 3

$(document).ready(function(){
    $(window).resize(function() {
        var X = $(window).height();
        $('#windowheight').text(X);
    });

});

或

$(function(){
    $(window).resize(function() {
        var X = $(window).height();
        $('#windowheight').text(X);
    });
});

两者都有效