javascript jquery document.ready window.onload

网易

博客

下载LOFTER客户端

注册登录

 加关注

凡图的编程之路

2012年7月从一个编程新手的点点滴滴

• 首页
• 日志
• LOFTER
• 相册
• 博友
• 关于我

 

 

日志

 

 

 

关于我

Holyson

闻道有先后,术业有专攻

  加博友   关注他

文章分类

• ·css（2）
• ·.net控件事件（3）
• ·帐号密码（0）
• ·JS与JQ（12）
• ·sql server指南（5）
• ·杂谈（2）
• ·C#基础指南（18）
• ·.net成长篇（38）
• ·更多 >

LOFTER精选

注册免费冲印20张照片 >

网易新闻

清华毕业学姐被子遭学弟哄抢

• ·新西兰卡德罗纳有一道胸罩栅栏
• ·小孩子才过节，大人只趁机学英语
• ·日本乘客在南航客机厕所抽烟
• ·湖南追究3名上访人员刑事责任
• ·"小三"约男子过夜被原配刺死
• ·男孩因父母生二胎出走十余次
• ·官方回应云南退休处长打产妇
• ·浙江一村庄饮用水源被污染

下载网易新闻客户端 >

 

 

JS中innerHTML，innerText，value

JQ中的text()、html() 以及 val()

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

2013-05-11 11:28:23|  分类： JS与JQ |  标签：$(document).ready  $(function(){})  |举报|字号 订阅

 

 

下载LOFTER客户端

 

 

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了。

 

 

以上还是本人新手时写的。。。感觉大家阅读，5000+的阅读量鄙人在此就加点内容吧，不让广大技术朋友白支持！！

2014-8-18 -----鄙人现在已经不算新手了，在此给大家再深入说点内容吧。

 

1.window.onload方法

 

⑴执行时机:

在网页中所有元素(包括元素的所有关联文件)完全加载到浏览器后才执行，即JavaScript 此时可以访问网页中的所有元素。

window.onload=function(){  $(window).load(function(){

//编写代码 等价于  //编写代码

}  });

 

⑵多次使用:

JavaScript的onload事件一次只能保存对一个函数的引用，他会自动用最后面的函数覆盖前面的函数。

function one(){

alert("one");

}

function two(){

alert("two");

}

window.onload=one;

window.onload=two;

//运行代码后只有 two

2.$(document).ready()方法

 

⑴执行时机:在DOM完全就绪时就可以被调用。(这并不意味着这些元素关联的文件都已经下载完毕)

举个例子:$(document).ready()方法明知要DOM就绪就可以操作了，不需要等待所有图片下载完毕。

 

⑵多次使用:

function one(){

alert("one");

}

function two(){

alert("two");

}

$(document).ready(function(){

one();

});

$(document).ready(function(){

two();

});

//运行代码后

//先是：one

//先是：two

 

 

 

你一定还需要：

JS中document.write(" ");2013.05.14

JS中document.write(" ");

页面打印JS脚本

页面打印JS脚本

JQ中的text()、html() 以及 val()2013.05.11

JQ中的text()、html() 以及 val()

JS中getElementById后我们取什么？

JS中getElementById后我们取什么？

iframe与aspx页面跨域取值（父级取子级控件的值(非元素)）

iframe与aspx页面跨域取值（父级取子级控件的值(非元素)）

阅读(12652)| 评论(3)

 

 

喜欢推荐转载

JS中innerHTML，innerText，value

JQ中的text()、html() 以及 val()

 

 

 

 

 

 

 

 

 

 

 

评论

点击登录|昵称：

 

2014-08-19 11:32

Zjmainstay

“域名解析-加载html-加载js和css-加载图片等其他信息” 这个说法有待考究，CSS加载部分。

回复

2014-07-16 11:44

西风兽

good!

回复

2014-08-18 21:58

Holyson 回复 西风兽

呵呵，这里都快被我遗忘了。。。。

回复

 

 

 

 

 

博客风格 - 手机博客 - 下载LOFTER APP - 订阅此博客

网易公司版权所有 ©1997-2015

 

 

 

加入网易博客注册