$(document).ready如何挂载到window对象上

$(document).ready()是jQuery中常用的一个函数，它用于在DOM文档加载完成后执行一些操作。它不能直接挂载到window对象上，因为它是jQuery库中特有的方法。但是，可以通过以下方式将其挂载到window对象的属性上：

window.$(document).ready(function() {
  // 在DOM加载完成后执行的操作
});

这样就可以使用window.$(document).ready()来执行操作了。需要注意的是，这种方式并不是推荐的做法，因为这样会污染全局命名空间，可能会导致命名冲突等问题。最好的做法是仍然使用jQuery库中的方式来调用$(document).ready()函数。

相关问题

$(document).ready(function() { fetchScroll(); page(); function page() { var windowWidth = $(window).width(), documentHeight = $(document).height(), windowHeight = $(window).height(); if (windowWidth < 1280) { $(".page").width(1280); } else { $(".page").width(windowWidth); } } $(window).resize(function() { page(); }); $(".j-btn-menu").on("click", function(e) { e.preventDefault(); $(".module").toggleClass("is-open"); var menu = $(this).data("menu"); $("#" + menu).slideToggle("fast"); }); $(".module").hover(function() { var $this = $(this); $this.find(".info-short").stop().css({ opacity:0 }, 500); $this.find(".info-full").stop().slideDown(); }, function() { var $this = $(this); $this.find(".info-full").stop().slideUp("fast"); $this.find(".info-short").stop().animate({ opacity:1 }, 500); }); });

这段代码是用来控制网页的自适应和菜单的开关。当页面加载完成后，会执行fetchScroll()和page()函数。page()函数会获取窗口的宽度、文档的高度和窗口的高度，并根据窗口宽度的大小来设置页面的宽度。当窗口大小改变时，会重新执行page()函数来适应窗口大小的变化。当点击菜单按钮时，会切换模块的开关状态，并获取菜单的数据。

document.ready与window.onload

'document.ready' 和 'window.onload' 都是 JavaScript 中用来控制代码执行时机的事件。

'document.ready' 在网页中的 DOM 结构已经加载完毕并且可以被 JavaScript 操作之后就会触发，而不必等待图片等其他资源的加载。这使得代码可以更早地开始执行，提高了页面加载速度。

'window.onload' 事件则在网页中所有资源，包括图片和样式表都已加载完毕之后才会触发。因此，如果需要在代码执行前等待页面上所有资源加载完成，就可以使用 'window.onload' 事件。

总的来说，两个事件的作用是一样的，都是用来控制代码的执行时机，只不过触发的条件不同。