zoukankan      html  css  js  c++  java
  • js/jQuery中load()、onload()、ready()的区别

    一、两大事件

    load事件:指页面包含图片等文件在内的所有元素都加载完毕后执行的事件。
    ready事件:表示文档结构已加载完成(不包括图片等非文字媒体文件)
    浏览器页面渲染的过程 - 寸寸君 - 博客园
    http://www.cnblogs.com/cuncunjun/p/6531495.html 看过我这篇文章的同学应该就明白为何图片这么特殊了,知道什么时候加载图片了。

    二、在不同语言中的用法

    • HTML:
      在此处提一句,load与onload的关系就和click和onclick的关系一样。
      <body onload=" aa()">
      一般绑在body标签上,用在其他标签也可以。比如img
    • js:
      window.onload=function(){ };
    • jQuery:
      - $(document).load(function(){ }); //值得注意的是,jQuery1.8版本已经将该方法和unload()删除了。
      - $(document).ready(function(){ });//不推荐
      - $(function(){ });//推荐,此方法和上一个写法是等价的。省略就相当于是ready方法。

    看到这里,小伙伴们应该明白jQuery方法为何要在外层加一个$()了吧。当初刚开始尝试写代码的时候,将script标签放在了head中,js文件中也没有加ready方法。结果发现页面根本没反应啊啊啊啊,后来查了一下说是得再最外层加上$()才能执行。现在终于明白了,不是没执行,而是在dom树渲染出来之前就执行完了,都是无效的操作呀!如果,不想加ready方法的话,直接把script放在body的尾部即可!

  • 相关阅读:
    解决方案-BI:百科
    un-Error-ASP.NET:“/tbm6”应用程序中的服务器错误。
    JS-jQuery-EasyUI-Layout-Tabs:Tabs 标签页/选项卡
    JS-jQuery-EasyUI-Layout:Layout 布局
    jQuery-EasyUI-CSS:Icon 图标
    jQuery-EasyUI:Layout
    JS-jQuery-EasyUI:CSS
    JS-jQuery-EasyUI :目录
    ORM:百科
    ORM- IBatisNet:百科
  • 原文地址:https://www.cnblogs.com/cuncunjun/p/6531960.html
Copyright © 2011-2022 走看看