document.ready和onload的区别

阅读数:72 评论数:0

跳转到新版页面

分类

html/css/js

正文

一、概述

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

1、ready事件

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

2、onload事件

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

二、jQuery中关于ready事件的监听写法

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

$(function(){

// do something

});


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

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

//或者下面这个方法,jQuer的默认参数是:“document”;
$().ready(function(){
//do something
})






相关推荐

一、script标签属性 async 表示立即下载该脚本,但不妨碍页面中的其他操作,只对外部文件有效。 charset 与src属性一起使用,告诉浏览器用来编码这个javascript程序的

ECMAscript 5添加了第二种运行模式:严格模式(strict mode)。 //针对单个脚本 <script>   "use strict";   console.log("这是严格模式

Javascript中, !表示运算符"非", 如果变量不是布尔类型, 会将变量自动转化为布尔类型

rights=JSON.parse(str);其中str为后台传过来的json数组的字符串,前台我放到input标签中了然后jquery获取到的是json数组的字符串,然后再js中用

一、基本用法 Object.assign方法用于对象的合并,将源对象的所有可枚举属性复制目标对象。 <

一、window对象 在javascript中,一个浏览器窗口就是一个window对象,window对象以及这些子对象,由于都是用于操作浏览器窗口,所以我们又称为BOM(Browser Object

Math.random()方法会返回介于0(包含)~1(不包含)之间的一个随机数。 舍掉小数点后的数值的方法有很多,如parseInt(),Math.ceil(),Math.flo

一、概述 所有语言中的代理,其本实现的是对原对象的操作的拦截和一些自定义行为。 二、语法  const p = new Proxy(target, handler) 1、target 可以是任何类型的

一、概述 函数实际上是对象,每个函数都是Function类型的实例,而且与其他引用类型一样具有属性和方法,因此函数名实际上也是一个指向函数对象的指针,因为函数名是指针,所以js没有函数重载。 func

navigator.language 属性返回一个表示浏览器当前语言环境的字符串,通常是一个 BCP 47 语言标签。这个语言标签由两个部分组成:语言代码和可选的地区代码。 下面是一个示例代码,展示了