开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

是否在$(.ready).load中包装$(Document)window？

在$(.ready).load中包装$(Document)window是不必要的。$(.ready)是jQuery中的一个方法，用于在文档加载完成后执行指定的函数。$(Document)是jQuery中的一个对象，表示整个文档。$(window)也是jQuery中的一个对象，表示浏览器窗口。

在$(.ready).load中包装$(Document)window的目的是为了确保在文档加载完成后再执行相关操作，同时还可以确保在窗口大小发生变化时重新计算相关内容。然而，$(.ready)本身就是在文档加载完成后执行的，所以不需要再包装$(Document)。而$(window)表示的是浏览器窗口，与文档加载的顺序无关。

因此，在$(.ready).load中不需要包装$(Document)window，直接使用$(.ready)即可。

相关搜索:window.load在document.ready之前执行可以在window.addEventListener中使用$(document).ready 当包装在“$(Document).ready(.ready () {”)中时，引导选择器出现错误在IE中jQuery $(document).ready()失败 jQuery:$(document).ready()在IE中太慢了在jQuery中的document.ready中分配的click()为什么在document ready上调用viewModel中的函数？Android :在document.ready中调用javascript中的Android函数在布局页面中添加document.ready后，包含document.ready函数的视图中的脚本标记未命中在document.ready函数外部的jQuery中创建全局变量 FPDF教程1在Chrome中返回"Error: Failed to load PDF document“如何使用angular 2在组件类ngAfterViewInit()中调用$( document ).ready() jQuery函数是否可以在UITableViewSectionIndex中包装单词？换行符在window.open().document中不起作用 load()；在jQuery中是否已弃用？使用Yii在jQuery的$(document).ready中添加javascript的正确方法是什么在另一个jquery或document.ready函数中调用jquery javascript函数在firebase安全性中是否需要'match /{document=**}‘在量角器中未解析browser.executeScript(return window.document.readyState)是否可以在JMeter中执行document.forms[0].submit()？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

$(window).load()与$(document).ready()的区别

而$(window).load()就是整个页面已经加载完毕。...2.可以被执行的次数不同：$(document).ready()可以在JavaScript代码中出现多次，并且里面的函数或者代码都可以得到执行；而$(window).load()只能在JavaScript...代码中出现一次，如果有多个$(window).load()，那么只有最后一个$(window).load()里面的函数或者代码才会执行，之前的$(window).load()都将被覆盖; Js代码...属性节点，这时用$(document).ready()就要比用$(window).load()的效率高；但是在某些时候还必须得用$(window).load()才行，如之前写的app下载，如果要关闭这个下载框...; }); 另外，$(document).ready()还有多种形式的写法，有$().ready( function(){} ); 有$(document).ready

1.1K10 0

jquery $(document).ready()与window.onload的区别

在常规的 Javascript 代码中，通常使用 window.onload 方法，而在jQuery中，使用的是$(document).ready() 方法，极大的提高Web应用程序的速度。...要解决这个问题，可以使用 Jquery 中另一个关于页面加载的方法 ---load()方法。 Load()方法会在元素的onload 事件中绑定一个处理函数。...jQuery 代码如下： $(window).load(function (){ // 编写代码 }); //等价于 JavaScript 中的以下代码 Window.onload...Diego Perini 在 2007 年的时候，报告了一种检测 IE 是否加载完成的方式，使用 doScroll 方法调用。...原理是对于 IE 在非 iframe 内时，只有不断地通过能否执行 doScroll 判断 DOM 是否加载完毕。

1.6K3 1

01-老马jQuery教程-jQuery入口函数及选择器

事件的问题在之前DOM课中咱们已经说过用window的onload事件作为JS代码的入口，时机并不好。...因为window.onload事件是在页面的图片、第三方脚本、样式等都下载和加载完成后才会触发。而我们希望是页面的HTML的文档树对象可进行交互就立即绑定DOM的事件和做一些初始化工作。...而且对于页面中的iframe等子页面也做了兼容处理。直接用如下的方法进行使用： // 第一种方式：给document绑定ready事件。...this.value); // } // }; window.onload = function () { console.log('load') }...$(document).ready(function () { console.log('ready2') }); <input type="button

2.5K10 0

DOMContentLoaded实现

IE系列直到IE9才支持DOMContentLoaded事件，对于IE8及其之前版本，如果html内没有框架，则可以采用document.documentELement.doScroll来判断是否构建好...DOM树；如果html内有框架，则利用document的onreadystatechange事件判断当前DOM树是否构建完毕（框架html内容（只是html文件）加载之后DOM树构建完毕）。...另外，John Resig也在《精通javascript》提出了一种方法来判断DOM是否构建完毕，那就是不断轮训判断 if(document && document.getElementById &&...document.getElementsByTagName && document.body)是否为true，若为true，则 DOM构建完毕。...false); window.addEventListener("load", handler, false); } else if (document.attachEvent

5774 0

jQuery onload与ready

在jQuery中，有两个常用的事件处理方法，即$(document).ready()和$(window).on("load", function())，用于在页面加载时执行JavaScript代码。...示例代码如下：$(document).ready(function() { // 在DOM就绪后执行的代码 // 可以进行DOM操作、事件绑定等});在上述示例中，回调函数中的代码将在DOM加载完成后执行...示例代码如下：$(window).on("load", function() { // 在整个页面加载完成后执行的代码 // 可以进行依赖于资源加载的操作});上述示例中的回调函数中的代码将在整个页面加载完成后执行...区别和使用场景执行时间：$(document).ready()方法在DOM加载完成后立即触发，而$(window).on("load", function())方法在整个页面加载完成后触发。...执行顺序：$(document).ready()方法可能在某些资源（如图像）加载完成之前触发，而$(window).on("load", function())方法将等待所有资源加载完成后才触发。

7572 0

每个程序员都会的 35 个 jQuery 小技巧

$(document).ready(function() { //Example 1: Every link will open in a new window $('a[href^="http...jQuery 1.4中，$.support 替换掉了$.browser 变量 $(document).ready(function() { // Target Firefox 2 and above...document).ready(function() { window.setTimeout(function() { // do something }, 1000); });...)); }); 验证元素是否存在于jquery对象集合中 $(document).ready(function() { if ($('#id').length) { // do something...之间切换 $(document).ready(function() { function checkWindowSize() { if ( $(window).width() > 1200

4.4K1 0

window的onload事件和domcontentloaded执行顺序

window.onload和body中onload 我们在写代码的过程中经常也会在body标签上添加onload，那么documentloded，window.onload和body中onload哪一个会先执行哪一个会后执行呢...可以在jQuery中使用查看此事件$( window ).on( "load", handler )。如果代码依赖于加载的资源（例如，如果需要图像的尺寸），则应将代码放在load事件的处理程序中。...注意，尽管DOM总是在页面完全加载之前就绪，但是在 .ready()处理程序期间执行的代码中附加加载事件侦听器通常不安全。...尽管由 .ready() 添加的处理程序总是在动态加载的脚本中执行，但是窗口的加载事件已经发生，并且这些侦听器永远不会运行。...在jq官方文档中也说明了: $( handler ) $( document ).ready( handler ) $( "document" ).ready( handler ) $().ready(

3.6K1 0

【前端】：async、defer、onload、DOMContentLoaded

’s load event....行为模拟：在IE8中,可以使用readystatechange事件来检测DOM文档是否加载完毕.在更早的IE版本中,可以通过每隔一段时间执行一次document.documentElement.doScroll...when the DOM is ready. // All of the following syntaxes are equivalent: $( handler ) $( document ).ready...( handler ) $( "document" ).ready( handler ) $( "img" ).ready( handler ) $().ready( handler ) 源码摘录：.../zh-CN/docs/Web/Events/DOMContentLoaded load： https://developer.mozilla.org/en-US/docs/Web/API/Window

1.9K2 0

收集的35个 jQuery 小技巧代码片段，可以帮你快速开发.

$(document).ready(function() { //Example 1: Every link will open in a new window $('a[href^="http...检测浏览器注: 在版本jQuery 1.4中，.support 替换掉了.browser 变量 $(document).ready(function() { // Target Firefox 2 and.... jQuery延时加载功能 $(document).ready(function() { window.setTimeout(function() { // do something...验证元素是否存在于jquery对象集合中 $(document).ready(function() { if ($('#id').length) { // do something...ID与Class之间转换当改变Window大小时，在ID与Class之间切换 $(document).ready(function() { function checkWindowSize()

5.4K2 0

01-老马jQuery教程-jQuery入口函数及选择器

事件的问题在之前DOM课中咱们已经说过用window的onload事件作为JS代码的入口，时机并不好。...因为window.onload事件是在页面的图片、第三方脚本、样式等都下载和加载完成后才会触发。而我们希望是页面的HTML的文档树对象可进行交互就立即绑定DOM的事件和做一些初始化工作。...而且对于页面中的iframe等子页面也做了兼容处理。直接用如下的方法进行使用： // 第一种方式：给document绑定ready事件。...this.value); // } // }; window.onload = function () { console.log('load') }...$(document).ready(function () { console.log('ready2') }); <input type="button

2.4K0 0

程序员都会的 35 个 jQuery 小技巧

$(document).ready(function() { //Example 1: Every link will open in a new window $('a[href^="http...检测浏览器注: 在版本jQuery 1.4中，$.support 替换掉了$.browser 变量 $(document).ready(function() { // Target Firefox...$(document).ready(function() { window.setTimeout(function() { // do something }, 1000);...验证元素是否存在于jquery对象集合中 Simply test with the .length property if the element exists....ID与Class之间转换当改变Window大小时，在ID与Class之间切换 $(document).ready(function() { function checkWindowSize

2.6K0 0

用框架的你，可能早已忽略了这些事件API

load 事件 —— 外部资源已加载完成，样式已被应用，图片大小也已知了。 beforeunload 事件 —— 用户正在离开：我们可以检查用户是否保存了更改，并询问他是否真的要离开。...window.onload 当整个页面，包括样式、图片和其他资源被加载完成时，会触发 window 对象上的 load 事件。可以通过 onload 属性获取此事件。...readyState 如果我们将 DOMContentLoaded 事件处理程序设置在文档加载完成之后，会发生什么？很自然地，它永远不会运行。在某些情况下，我们不确定文档是否已经准备就绪。...区别在于 window.onload 始终在所有其他 load 处理程序之后运行。...当用户最终离开时，window 上的 unload 事件就会被触发。在处理程序中，我们只能执行不涉及延迟或询问用户的简单操作。正是由于这个限制，它很少被使用。

1.8K1 0

16个超实用的jQuery技巧攻略

$(document).ready(function() { //catch the right-click context menu $(document).bind("contextmenu...).ready(function() { $('#loaded_max').val(50); }); 10、检测密码强度在表单功能中，经常会有检测用户输入的密码强度的功能，下面这个代码片段使用正则表达式来检测密码是否足够安全...，因此在 Web 开发中仍然需要考虑 IE6 的兼容问题。...).ready(function(){ parseJson(); }); 14、隔行换色这是一个很老的功能了，在大的列表或表格中，隔行颜色可以大大提高内容的可读性。...下面是实现这个类似功能的代码示例： var nextimage = "/images/some-image.jpg"; $(document).ready(function(){ window.setTimeout

1K3 0

window.onload 与 $(document).ready()比较

onload事件是DOM中的标准事件，而ready事件特定于jQuery。 ready事件的目的是它应该在文档加载后尽早发生，以便为页面中的元素添加功能的代码不必等待加载所有内容。...例子： ready表示图片还未加载，就已经发生了，而onload是图片加载之后才发生 window.load $(document).ready() 执行时机必须等待网页中所有内容加载完毕后才能执行...$(document).ready(function(){undefined　　test1();});$(document).ready(function(){undefined　　test2();})...2.如果想实现window.onload一样的功能，调用load()方法。...$(window).load(function(){undefined　　//代码}) 简化无以下两种形式与$(document).ready()等价，但更简洁。

1.6K4 0

onload 和 domready

事件就会迟迟无法触发所以出现了 DOM Ready 事件熟悉 jQuery的人，都知道 DomReady 事件 $(document).ready(function(){ alert("jQuery...准备完毕，资源还没加载完"); }) // 在 document 文档加载完成后就可以对 DOM 进行操作（即所有元素的资源都下载完毕） window.onload = function(){...){ alert("图片 id 为 imgID 加载完毕"); } Dom Ready 和 Dom Load 两者的区别 1、Dom Ready 是在 dom 加载完成后就可以直接对 dom 进行操作...，比如一张图片只要 img 标签完成，不用等这个图片加载完成，就可以设置图片的宽高的属性或样式等； 2、Dom Load 是在整个 document 文档（包括了加载图片等其他信息）加载完成后就可以直接对...IE 下，可以使用 onreadystatechange 完成 onload 事件，判断 readyState 是否等于 complete 或 loaded document.onreadystatechange

2.7K2 0

Flash对象插入到网页中的3px问题

网页游戏大多数都是全屏显示，浏览器可视区域有多大，它就全屏显示在里面，为了避免混乱，写了一个通用的脚本支持用户在缩放浏览器时，当可视区域小于指定的宽、高时出现滚动条（Chrome与IE表现一致）。...document.detachEvent("onreadystatechange", arguments.callee); ready();...) { window.addEventListener('load', ready, false); } else if (window.attachEvent)...{ window.attachEvent('onload', ready); } else { var fn = window.onload..., 'load', delayResize); inner.bind(window, 'resize', delayResize); } } }();

1.9K3 0

项目中遇到的bug（web前端-持续更新）

window.addEventListener( "load", jQuery.ready, false ); // If IE event model is used...", jQuery.ready ); // If IE and not a frame // continually check to see if the document...is ready var toplevel = false; try { toplevel = window.frameElement...= 'complete') { return; } //load事件在win...win[add](pre + 'load', init, false); } } document.querySelectorAll和getElementsByTagName

9772 0

jQuery：详解jQuery中的事件（一）

一、jQuery中的事件　　1、加载DOM：　　执行时机：在常规的JavaScript中，通常使用window.onload方法，而在jQuery中，使用的是$(document).ready()方法...要解决这个问题，可以使用jQuery中的另一个关于页面加载的方法——load()方法。load()方法会在元素的onload事件中绑定一个处理函数。...jQuery代码如下： $(window).load(function(){ //code... }) 　　等价于JavaScript中的以下代码： window.onload = function...，所以即使将上面代码中的window.load赋值两次，也只会执行后面的函数。...(); func2(); } 　　这种写法是可以解决一些问题的，但是如果有多个JavaScript文件，或者在团队开发中，每个文件都需要用到window.onload方法，这种情况下还用这种方法就非常麻烦了

1.6K2 0

从零开始学 Web 之 jQuery（一）jQuery的概念，页面加载事件

3、hasClass 是否有某个类；removeClass 移除某个类；addClass 增加一个类。...2、jQuery中页面加载事件 2.1、方式一：DOM转jQuery方式 $(window).load(function () { console.log("load:1"); }); $(window...2.2、方式二：DOM转jQuery方式 $(document).ready(function () { console.log("ready:1"); }); $(document).ready(...特点：不是整个页面的所有元素，而是页面中的基本元素加载完后就执行，所以比使用 load 的方式快一些。...特点：不是整个页面的所有元素，而是页面中的基本元素加载完后就执行，所以比使用 load 的方式快一些。

1.6K4 0

NProgress and DocReady

is ready // this function protects itself against being called more than once function ready...already ready to go, schedule the ready function to run if (document.readyState === "complete...("DOMContentLoaded", ready, false); // backup is window load event window.addEventListener...("load", ready, false); } else { // must be IE document.attachEvent...("onreadystatechange", readyStateChange); window.attachEvent("onload", ready);

2132 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭