搜索
创作
提问
登录注册
展开

关键词

HTML里Dom onload和jQuery document ready这两个事件的区别

使用如下代码进行测试： <html> <script src="jquery_1.7.1.js"> </script> <script> $(document).ready(start()); function id = "main" οnlοad="start();">

hello

</body> </html> 首先是jQuery的document.ready 事件触发 只有当Dom的onload 事件触发时，body node和h1 node才可见：

12730

Js篇-面试题14-JavaScript 中的 window.onload 事件和 jQuery 的 ready 函数有何区别

JavaScript 中的 window.onload 事件和 JQuery 的 ready 函数有何区别 执行时机: window.onload必须等待网页中所有内容加载完毕后(包括图片)才能执行,而 $(document).ready()是网页中所有DOM结构绘制完毕后执行,可能DOM元素关联的东西并没有加载完,在DOM完全就绪时就可以被调用,此时,网页的所有元素对JQuery而言都是可以访问的,但是这并不意味着这些元素关联的文件都已经下载完毕 编写个数: window.onload不能同时编写多个,而$(document).ready()能同时编写多个 window.onload = function() { alert('test1` '); }; window.onload = function() { alert('test2'); }; // 结果只会输出test2 而$(document).ready()能同时编写多个 $(document).ready(function() { alert('Hello world'); }); $(document).ready(function() { alert('

28620
  • 广告
    关闭

    腾讯云618采购季来袭！

    一键领取预热专享618元代金券，2核2G云服务器爆品秒杀低至18元！云产品首单低0.8折起，企业用户购买域名1元起…

    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    zepto的ready方法

    zepto中的ready函数是作为$.fn的一个方法，即作为一个zepto对象的方法 readyRE = /complete|loaded|interactive/; ready: function(callback 返回的是this,即调用ready的自身对象。 当文档结束渲染但在加载内嵌资源时，返回"interactive"，并引发DOMContentLoaded事件。当文档加载完成时,返回"complete"，并引发load事件. DomApi也提供了两个相关事件，一个是上面的DOMContentLoaded，另一个是load事件。 return this }, 那么可能出现一种情况，即document.readyState已经跳过了loading阶段，即文档已经结束渲染，并引发过DOMContentLoaded事件

    44220

    $(function(){})和$(document).ready(function(){})

    document.ready和onload的区别——JavaScript文档加载完成事件 页面加载完成有两种事件 一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件） 二是onload ，指示页面包含图片等文件在内的所有元素都加载完成。 用jQ的人很多人都是这么开始写脚本的： $(function(){ // do something }); 其实这个就是jq ready()的简写，他等价于： $(document).ready(function 这个就是jq ready()的方法就是Dom Ready，他的作用或者意义就是:在DOM加载完成后就可以可以对DOM进行操作。 那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间，就可以操作Dom了。

    25210

    SRS Origin Cluster is ready

    #821，支持DVR为mp4文件格式。 #547，支持HLS纯音频流，改进爆音。 #711、#691，支持CORS跨域访问HTTP流。 #367，支持NGINX风格的exec。

    9820

    Dubbo for Go，Ready for Now.

    多语言支持是 Dubbo 发展生态的重点之一。目前，Dubbo 已经支持 PHP/Node.js/Python，同时，基于标准的 Java REST API -...

    57830

    jquery 加载 - ready方法

    jQuery的ready方法 相对的，jquery提供了ready方法解决这个问题，它的速度比原生的 window.onload 更快。 <script type="text/javascript"> $(document).ready(function(){ ...... }); </script> 可以简写为： <script jQuery的ready方法示例 ? 因为页面没有加载完毕，所以JavaScript中直接获取页面元素就会导致报错。需要加上window.onload方法，如下： ? 此时，可以看到没有报错了。 那是现在再使用jQuery的ready方法，如下: ? 那么，再将ready方法，再简写一下，如下： ?

    30341

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

    原生onload方法和jQuery的ready方法。 ---- ready事件发生在加载HTML文档之后，而onload事件发生在稍后，此时所有内容（例如图像）也已加载。 onload事件是DOM中的标准事件，而ready事件特定于jQuery。 ready事件的目的是它应该在文档加载后尽早发生，以便为页面中的元素添加功能的代码不必等待加载所有内容。 例子： ready表示图片还未加载，就已经发生了，而onload是图片加载之后才发生 window.load $(document).ready() 执行时机 必须等待网页中所有内容加载完毕后才能执行 （包括图片等） 只要网页中的DOM结构绘制完毕就执行（与DOM相关的文件此时可能还未下载完毕） 使用情况 1.不能同时执行多个，若编写多个函数只执行最后一个（前面的被覆盖）。 $(document).ready(function(){undefined　　test1();});$(document).ready(function(){undefined　　test2();})

    13040

    window的onload事件和domcontentloaded执行顺序

    相反，DOMContentLoaded事件触发后添加的事件侦听器永远不会执行。 浏览器还在对象load上提供事件window。当此事件触发时，表示页面上的所有资源都已加载，包括图像。 注意，尽管DOM总是在页面完全加载之前就绪，但是在 .ready()处理程序期间执行的代码中附加加载事件侦听器通常不安全。 尽管由 .ready() 添加的处理程序总是在动态加载的脚本中执行，但是窗口的加载事件已经发生，并且这些侦听器永远不会运行。 但是你千万不要以为ready事件始终是在window.onload后才执行的，也千万不要以为他始终DOMContentLoaded事件之后执行，因为下面这段代码就会打破你的认知。 <! 所以jq的ready事件执行结束时间和DOMContentLoaded结束时间并不是完全相同的，所以在使用过程中应当进行一些注意。

    1.1K10

    Python中使用threading.Event协调线程的运行详解

    threading.Event机制类似于一个线程向其它多个线程发号施令的模式，其它线程都会持有一个threading.Event的对象，这些线程都会等待这个事件的“发生”，如果此事件一直不发生，那么这些线程将会阻塞 ，直至事件的“发生”。 如果我们想要在启动时确保Redis服务正常，才让那些工作线程去连接Redis服务器，那么我们就可以采用threading.Event机制来协调各个工作线程的连接操作： 主线程中会去尝试连接Redis服务，如果正常的话，触发事件 redis服务器启动的地方，一旦主线程确定了redis服务器已经正常启动，那么会触发redis_ready事件，各个工作线程就会去连接redis去做相应的工作。 threading.Event的wait方法还接受一个超时参数，默认情况下如果事件一直没有发生，wait方法会一直阻塞下去，而加入这个超时参数之后，如果阻塞时间超过这个参数设定的值之后，wait方法会返回

    19630

    Java NIO 系列学习 07 - Selector

    需要注意下register()方法的第二个参数，需要声明这个channel的事件，总共有四个不同的事件可供选择: 1. 每一个事件都相当于是ready状态, 一些解释如下: 1. 当channel准备好读数据时，状态是read ready 2. 当channel准备好写数据时，状态是write ready 3. 当server socket chennel 接收到连接请求时，状态是accept ready 如果想需要同时多个事件，可以这样传参: int interestSet = SelectionKey.OP_READ SelectionKey 注册Channel时调用的register()方法会返回一个SelectionKey对象，这个对象的一些属性我们简单来看下: Interest Set interest set 是一组事件组合 下面列举了一些select()方法: int select() int select(long timeout) int selectNow() select() 是阻塞的，一直等到至少有一个channel是所需事件

    29720

    jQuery on()方法

    jQuery on()方法是官方推荐的绑定事件的一个方法。 "); 　　}); 　　$("button").click(function(){ 　　　　$("p").off("click"); 　　}); }); tip:如果你的事件只需要一次的操作，可以使用one ; 　　}); 　　$("button").click(function(){ 　　　　$("input").trigger("select"); 　　}); }); 多个事件绑定同一个函数 $(document ); }); 多个事件绑定不同函数 $(document).ready(function(){ $("p").on({ mouseover:function(){$("body").css( "lightblue");}, click:function(){$("body").css("background-color","yellow");} }); }); 绑定自定义事件

    17210

    jQuery on()方法

    $().delegate()是更精确的小范围的使用事件代理。 $().on()结合了这三个方法的优势摒弃了劣势。 　　2.该函数可以为同一元素、同一事件类型绑定多个事件处理函数。 触发事件时，jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。 　　3. 阻止事件冒泡和事件委托的方法： 　　　　A：return false。  在事件的处理中，可以阻止默认事件和冒泡事件。 　　　　B：event.preventDefault() 　　　　　　在事件的处理中，可以阻止默认事件但是允许冒泡事件的发生。 　　　　 在事件的处理中，可以阻止冒泡但是允许默认事件的发生。 ); }); 多个事件绑定不同函数 $(document).ready(function(){ $("p").on({ mouseover:function(){$("body").css(

    45810

    windows.onload()与$(document).ready()的区别

    浏览器加载完DOM后，会通过javascript为DOM元素添加事件， 在javascript中，通常使用window.onload()方法。 在jquery中，则使用$(document).ready()方法。下面介绍一下两者的区别。 window.onload() $(document).ready() 执行时机 在页面所有元素（包括图片，引用文件）加载完后执行。 如果想要网页所有内容（包括图片等）加载完毕，再注册事件，使用$(window).load(function); 等价于window.onload() 编写个数 不能同时写多个，后面的将会覆盖前面的。 (function(){ 　　//to do; })； 可写成 $().ready(function(){ //$()不带参数默认是document 　　//to do; });或 $(function

    44210

    Hiplot boosts publication-ready biomedical data visualization

    Currently, the functions for carrying out publication-ready biomedical data visualization represent primary themes/styles, and color palettes in this website allow users to create high-quality and publication-ready

    5120

    onload 和 domready

    事件就会迟迟无法触发 所以出现了 DOM Ready 事件 熟悉 jQuery的人，都知道 DomReady 事件 $(document).ready(function(){ alert("jQuery  事件比 onload 事件快许多，它是在 DOM 准备完毕后触发（不需等待资源下载完毕） DOMContentLoaded 事件在许多 Webkit 浏览器以及 IE9 上都可以使用，此事件会在 DOM 事件。 所以目前所有的 hack 方法都是为了让 IE6,7,8支持 DOM Ready 事件 下面代码可以发现 jQuery 的 ready 事件稍微早于 DOMContentLoaded 事件，但都是实现了 事件，只支持 onload 事件 IE 的 script 元素支持 onreadystatechange 事件，不支持 onload 事件 在 IE 下，可以使用 onreadystatechange

    1.1K20

    jquery的ready方法实现原理

    应用jquery时 ready是一个非常常用的方法，我们常常会写 $(document).ready(function) 或 $(function) ready的作用 window.onload 是DOM结构绘制完毕后就执行，不必等到加载完毕 ready是如何实现的？ ready是浏览器兼容的，那么就分为两种情况 （1）标准浏览器 标准浏览器非常简单，有 DOMContentLoaded 事件，当所有DOM解析完以后会触发这个事件 （2）非标准浏览器 非标准浏览器麻烦一些 ，jquery用两个方式来保证 1）如果浏览器存在 document.onreadystatechange 事件，当该事件触发时，如果 document.readyState=complete 的时候 ，可视为 DOM 树已经载入 不过这个事件不太可靠，比如当页面中存在图片的时候，可能反而在 onload 事件之后才能触发，所以不能完全指望此方法 2）doScroll检测 IE浏览器文档中说明，

    61570

    JavaScript学习笔记（四）—— jQuery入门

    "); }); }); </script> 删除节点 方法 描述 remove() 移除被选元素(不保留数据和事件) detach() 移除被选元素(保留数据和事件) empty 绑定与接触事件 绑定事件 绑定事件就是将页面中的元素事件类型与其在收到该事件之后期望进行的操作联系到一起。 () { $("p").slideToggle(); }); }); </script> 移除事件 unbind方法可以移除事件： <script> $( 切换与触发事件 切换事件 有两个方法用于事件的切换，一个是hover，一个是toggle 当需要设置鼠标悬停和鼠标移除的事件中进行切换时，使用K方法: <script type="text/javascript trigger(type,[data])函数式jQuery提供的<em>事</em><em>件</em>触发器之一，其作用是对页面上所有匹配的元素触发某一类型的<em>事</em><em>件</em>。

    19950

    jQuery页面加载完毕后执行事件

    jQuery中的页面加载完毕事件，表示的是页面结构被加载完毕。 所以，建议使用方式： 样式控制的，比如图片大小控制，使用$(window).load()； jS事件触发的方法，可以在$(document).ready()里面加载。 ; }); }) 这个例子就是给所有的a标签绑定了一个click事件。即当所有链接被鼠标单击的时候，都执行 alert(“Hello World!”) 其实这个就是jq ready()的简写，它等价于： $(document).ready(function(){ //do something }) //或者下面这个方法，jQuer的默认参数是 ：“document”； $().ready(function(){ //do something }) 这个就是jq ready()的方法就是Dom Ready，他的作用或者意义就是:在DOM

    6.7K30

    JQuery 入门学习(二)

    我上次也提到了，ready是一个事件。我们上面说的选择器，它选择某元素的作用，其实就是为了完成后面的工作。 选在选在到了对象，这个对象有一个方法ready();     ready是一个事件。 ready()是一个事件绑定函数，它中间那个function(){}就是我们为ready事件绑定的函数。 ready事件在对象加载完成后触发，我们前面选择的是document对象，所以这个ready就是指整个文档加载完成后触发的事件。     所以整段代码意思就是为document对象的ready事件添加响应函数function(){}，这个函数里面添加我们希望Jquery做的事情。

    19710
    点击加载更多

    相关产品

    • 事件总线

      事件总线

      腾讯云事件总线(EB)是一款安全，稳定，高效的无服务器事件管理平台，支持腾讯云服务、自定义应用、SaaS应用以标准化、中心化的方式接入，帮助您轻松实现无服务器事件驱动架构。

    相关资讯

    热门标签

    更多标签

    云+社区

    扫码关注云+社区

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2022 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 京公网安备 11010802017518 粤B2-20090059-1

    扫码关注云+社区

    领取腾讯云代金券