JAVA技术交流QQ群:170933152

不错,保存了...

document.ready和onload的区别——JavaScript文档加载完成事件

页面加载完成有两种事件

一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件)

二是onload,指示页面包含图片等文件在内的所有元素都加载完成。

用jQ的人很多人都是这么开始写脚本的:

$(function(){

// do something

});

其实这个就是jq ready()的简写,他等价于:

$(document).ready(function(){

//do something

})

//或者下面这个方法,jQuer的默认参数是:“document”;

$().ready(function(){

//do something

})

这个就是jq ready()的方法就是Dom Ready,他的作用或者意义就是:在DOM加载完成后就可以可以对DOM进行操作。

一般情况先一个页面响应加载的顺序是:域名解析-加载html-加载js和css-加载图片等其他信息。

那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间,就可以操作Dom了。

Web前端工作笔记002---$(function(){})和$(document).ready(function(){}) 的区别相关推荐

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

    document.ready和onload的区别--JavaScript文档加载完成事件 页面加载完成有两种事件 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件) 二是onloa ...

  2. Web前端工作笔记013---拦截所有的ajax请求,设置出错信息

    技术交流QQ群[JAVA,C++,Python,.NET,BigData,AI]:170933152 在用若依系统的时候发现,自己再ajax请求的地方,错误的时候已经提示了信息,但是 还会有错误提示, ...

  3. $(window).load(function() {})和$(document).ready(function(){})的区别

    在我以前的开发中,一般用到javascript,我都是采用jquery的模式,也就是大多数时候,第一行写的是: $(document).ready(function(){ ... }); 这个时候,不 ...

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

    document.ready和onload的区别--JavaScript文档加载完成事件 页面加载完成有两种事件 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件) 二是onloa ...

  5. $(function(){})、$(document).ready(function(){})....../ ready和onload的区别

    1.window.onload 当一个文档完全下载到浏览器中时,会触发 window.onload 事件. 这意味着页面上的全部元素对 javascript 而言都是可以访问的,这种情况对编写功能性的 ...

  6. Web前端工作笔记007---h5 canvas_雨滴头像合成_图像合成_合成雨滴头像

    JAVA技术交流QQ群:170933152 刚开始用java后台合成,但是java就是老技术,合成的图像不清晰,有一些锯齿,还是不如直接用h5 canvas清晰 就改用前端写了个雨滴头像合成工具 但是 ...

  7. Web前端工作笔记002---json数据查询的方法_json查询大全,JsonSQL数据查询,jfunk数据查询

    JAVA技术交流QQ群:170933152 json数据查询的方法 网上看到有一篇帖子,有8种json数据查询的方法,大家可以研究一下,我现在分享一下! JsonSQL JsonSQL实现了使用SQL ...

  8. Web前端工作笔记001---封装前端数据字典_js 数组filter 总结_详解

    JAVA技术交流QQ群:170933152 我这里是我封装,前端数据字典的时候,用到的//数据字典 var dic = function () {var dics;$.ajax({async: fal ...

  9. Web前端工作笔记011---ztree的使用方法_大全

    技术交流QQ群[JAVA,C++,Python,.NET,BigData,AI]:170933152 需要引入: <link rel="stylesheet" href=&q ...

最新文章

  1. html5基础知识文档,HTML5基础知识(1)
  2. 【深度学习】围观特斯拉总监把玩MNIST
  3. 机器学习中如何解决数据不平衡问题?
  4. C++_引用_常量引用_函数_函数的默认参数---C++语言工作笔记033
  5. Tiny-Event-Manager 安全轻量的资源管理器
  6. Eclipse调试Java的10个技巧
  7. 密码学研究-加密解密
  8. Mac text edit pdf reader
  9. 深圳大学《计算机论题》作业:伦理分析的一般框架进行案例分析
  10. Entrepreneur\'s Credo of the American 美国的企业家宣言
  11. Android 虚拟机访问本地服务器
  12. 魅族note8完美打开usb调试模式的教程
  13. 产品经理七个局——破局之术
  14. 用Silverlight做淘宝应用
  15. C/C++,python,java,C#月经贴问题
  16. APT攻击检测与防御详解
  17. c4d中的语言菜单,C4D的菜单(选择)
  18. 19.4----19.11知识点复盘
  19. Apache batik 转换svg文件为jpeg/png/pdf
  20. word 文档图标变成记事本啦!(菜鸟记录)

热门文章

  1. SpringMVC中RestFul风格
  2. AttributeError: 'module' object has no attribute 'main'
  3. 全新 Veeam Availability Suite 9.5 成为率先全面集成 Windows Server 2016和Hyper-V技术的 可用性解决方案之一...
  4. 慕课网上的星级评分--学习视频后模仿实现
  5. 超融合带来的IT人员问题 企业是否看到?
  6. lambda方法引用总结——烧脑吃透
  7. 【BOI2007】【BZOJ1176】Mokia
  8. RHEL6.1配置光盘为本地yum源
  9. AJAX 大数据量处理
  10. keepalived+lvs+nginx高可用