Javascript中页面加载完成(ready)事件分析

原创 2016年08月30日 20:18:11

页面加载完成有两种事件:

  1. documnet.ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件)
  2. document.onload,指示页面包含图片等文件在内的所有元素都加载完成。

JQuery中的ready方法就是documnet.ready(),包含如下3中写法:

$(function(){
    // do something
});
$(document).ready(function(){
    //do something
})

JQuery的默认参数是document,因此等价于以下方法

$().ready(function(){
    //do something
})

一般情况一个页面响应加载的顺序是:域名解析-加载html-加载js和css-加载图片等其他信息。那么document.ready事件在“加载js和css”和“加载图片等其他信息”之间。

版权声明:本文为博主原创文章,未经博主允许不得转载。

JavaScript DOM(一)--页面加载完成事件与获取元素节点

window.onload与$(document).ready() 比较项\js or jQuery window.onload $(document).ready() 执行时机 需...
  • SDUST_JSJ
  • SDUST_JSJ
  • 2017年06月12日 20:53
  • 1265

JS 页面加载触发事件 document.ready和onload的区别

document.ready和onload的区别——JavaScript文档加载完成事件 页面加载完成有两种事件: 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件); ...
  • jdsxzhao
  • jdsxzhao
  • 2015年03月26日 10:27
  • 7440

document.ready和onload的区别----JavaScript文档加载完成事件(二)

页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成。(可以说:ready 在onload...
  • piaoxuan1987
  • piaoxuan1987
  • 2016年04月11日 22:23
  • 530

【JQuery】页面加载时触发ready()事件

从现在开始进入JQuery的事件和应用了! 好了,言归正传! ready()类似于onload(). 但ready()只要页面的DOM结构(文档结构)加载后便触发!不包括图片等非文字媒体文件. o...
  • happyhaojie
  • happyhaojie
  • 2016年04月02日 11:52
  • 5564

html 中javascript 页面加载完成后执行函数

html 中javascript 页面加载完成后执行函数 页面初始化完调用 window.onload = function(){ dosth1(); dosth2(); } 或者引入jquery...
  • u013366812
  • u013366812
  • 2015年11月11日 11:19
  • 13351

如何让vuejs中ready函数加载完之后执行某个函数?

我期望vue中tds全都渲染在界面上之后,再调用一个函数(其实这个函数主要作用是给表格中的选择框加监听,如果tds没有渲染,那监听也加不上去)。 ...
  • huanghanqian
  • huanghanqian
  • 2016年10月26日 19:41
  • 22566

iframe高度自适应、载入完成事件

高度自适应 ------------------------------------------------- 方法一: 经典代码 iFrame 自适应高度,在IE6/IE7/IE8...
  • rdhj5566
  • rdhj5566
  • 2014年07月31日 09:19
  • 1183

网页加载完执行、获取当前时间

声明并执行、网页加载完毕后执行的4种写法、获取当前的日期与时间
  • darical
  • darical
  • 2016年03月09日 03:43
  • 345

实现在HTML页面加载完毕后执行某个JS的两种方法

方式一: window.onload=function(){ var userName="xiaoming"; alert(userName); } 方式二: $(document)....
  • u010327174
  • u010327174
  • 2015年10月13日 14:54
  • 11362

js判断网页是否加载完毕 包括图片

//: 判断网页是否加载完成 document.onreadystatechange = function () { if(doc...
  • z69183787
  • z69183787
  • 2013年12月18日 13:45
  • 14191
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Javascript中页面加载完成(ready)事件分析
举报原因:
原因补充:

(最多只允许输入30个字)