window.load和document.ready的Javascript代码可用性

Question

我需要一个需要在document.ready上执行并且可用于window.onload函数的函数...

我怎样才能做到这一点？

$(document).ready(function someFunction() {
    execute something and pass the results to window.load
}
);


$(window).load(Need results of somefunction);​

Answer 1

您可以通过将函数调用的结果分配给作用域中的某个变量来共享结果。

(function(){
   var result;
   $(document).ready(function(){
      result = 'something';
   });

   $(window).load(function() {
       console.log(result); //something
   });

}());

Answer 2

当将function()参数传递给$(document).ready(fn) ，实际上是在创建一个未命名的函数，一个匿名函数。 因此，如果您想为$(document).ready和$(window).load都获得相同的结果，则可以创建一个命名函数（这是您要共享函数本身）：

function someFunction() {
    /* execute some code */
}

$(document).ready(someFunction);
$(window).load(someFunction);

由于我发现我首先误解了您的问题，所以让我解决一下。

在两个函数的范围内都有一个变量将使它们两个都不能使用它。 因此，由于在全局命名空间中包含变量不是一个好习惯，因此我们应该使用未命名的函数将两个函数包装在其中：

(function(){
  var accessible_var;
  $(document).ready( function() {
    accessible_var = "passed to load handler";
  } );

  $(window).load( function() {
    console.log(accessible_var);
  } );
})();

您必须注意这两个处理程序！

当所有元素都放置到位时， document.ready将触发，并且可以在JS代码中引用它们，但是不必加载内容。

window.load ，但是将等待页面完全加载，包括内部框架，图像等。

警告 -例如，如果您想使用图像的高度，宽度属性，那么document.ready无疑是一个大难题！

（因为它是写在这里 ）

Answer 3

由于您需要在dom ready上做一些事情，然后在窗口加载时访问它，因此将窗口加载绑定方法嵌套在dom ready方法内。

$(document).ready(function () {
    // do something
    var somevar = "Hello World!";
    $(window).on("load", function () {
        console.log(somevar); // Hello World!;
    });
});