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页面加载与事件监听函数

在javascript编程中,经常需要设置页面加载函数和事件监听函数,为了便于广泛编程和屏蔽浏览器差异,有牛人对这种需求进行了封装,实现了更高抽象的函数。 一:页面加载函数 假设要在页面onloa...

有关js页面加载的一些解析,load和ready

用jQuery的大多数开始都是这么写脚本的$(function(){ //....code.... });比如:$(function(){ $("#btn1").click({...

jQuery中$(function()与(function($)、$(function(){ }) = $(document).ready(function(){ })及页面加载顺序

原文出处: (function($) {…})(jQuery); 这里实际上是匿名函数,如下: function(arg){…} 这就定义了一个匿名函数,参数为arg 而调用...

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

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

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

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

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

页面加载完成有两种事件:   一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件);   二是onload,指示页面包含图片等文件在内的所有元素都加载完成。      ...

asp.net如何在页面加载时响应回车事件

在ASP.NET中,如果同一页面有多个文本框,在每个文本框按“回车”按钮,将会默认响应第一个Button的Click事件,怎样能随意的按回车键而不引发意外的响应或者怎样在不同的地方按回车键得到不同的响...

jQuery中各种页面加载时事件的小总

页面加载时触发事件一般有一下几种方法: 1.ready  表示文档结构已经加载完成,但是不包括图片等非文字媒体文字 2.onload  表示页面包含图片等在内的所有元素都加载完成 first :...

extjs 页面加载时Combo触发select事件

var depotStore = new Ext.data.JsonStore({               root:'root',      &...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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