博客分类：
在页面所有元素加载完成之后执行某个js函数
做项目的时候可能会遇到这种情况:
一个JSP页面中import了一个目录文件(menu.jsp),而且每个页面的&body&中都定义了onload事件,那么在此定义window.onload函数的时候可能会不生效或者多个onload之间覆盖的现象.
有的朋友肯定会说用jQuery的$().ready(function(){}),或者(function(){})这种方式, 其实这个函数和javascript的onload事件是由区别的,那么来看看他们的区别:
他们的主要的区别有两点：
执行时机window.onload方法是在网页中的所有的元素（包括元素的所有关联文件）都完全加载到浏览器之后才执行。而通过jQuery中的$(document).ready()方法注册的事件处理程序，只要在DOM完全就绪时，就可以调用了，比如一张图片只要&img&标签完成，不用等这个图片加载完成，就可以设置图片的宽高的属性或样式等。
$(document).ready()方法可以多次使用而注册不同的事件处理程序，而window.onload一次只能保存对一个函数的引用，多次绑定函数只会覆盖前面的函数。先来看window.onload方法在一个页面上注册两次会是什么样的结果：function one(){
alert("one");
function two(){
alert("two");
window.onload =
window.onload =
上面的代码运行后，会弹出“one”。再来看看$(document).ready()方法分两次调用会是什么结果。
function one(){
alert("one");
function two(){
alert("two");
$(document).ready(function(){
$(document).ready(function(){
上面的代码运行后，会分别弹出“one”和“two”。好了,比较完了,也就是说window.onload和jQuery的方式都无法实现,所以有了下面的实现:var $$ = function(func){
if (document.addEventListener) {
window.addEventListener("load", func, false);
else if (document.attachEvent) {
window.attachEvent("onload", func);
$$(function(){
使用的时候只要这样:$$(function(){...此处加上需要执行的内容...});即可...
浏览 82220
window.onload 是所有元素加载完后执行吗？验证过吗，不要复制了就发表是否验证自己试试就知道还有, 你说我复制, 你的依据是什么, 不要天天TMD看到别人的东西就觉得是复制的, OK?最后送你一句:无爱请滚粗
lgscofield
浏览: 300158 次
来自: 南京
你好，项目的文献能否打包学习下呢
实现一个智能提示功能需要ajax、数据库、jsp/php、算法 ...
我的showModalDialog() 传对象参数，在子窗口用 ...
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(131981)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'JS
页面加载触发事件
document.ready和onload的区别',
blogAbstract:'
document.ready和onload的区别——JavaScript文档加载完成事件页面加载完成有两种事件：
一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）；
二是onload，指示页面包含图片等文件在内的所有元素都加载完成。
1、Dom Ready
用jQ的人很多人都是这么开始写脚本的：&$(function(){&&&&&& // do something&});
$(function() {',
blogTag:'',
blogUrl:'blog/static/10',
isPublished:1,
istop:false,
modifyTime:1,
publishTime:0,
permalink:'blog/static/10',
commentCount:3,
mainCommentCount:3,
recommendCount:5,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:true,
hostIntro:'',
hmcon:'0',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}2011年4月 .NET技术大版内专家分月排行榜第二
2011年3月 .NET技术大版内专家分月排行榜第三
本帖子已过去太久远了，不再提供回复功能。温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(21663)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'让页面加载前执行js等事件',
blogAbstract:'由于&window.onload&事件需要在页面所有内容（包括图片等）加载完后，才执行，但往往我们更希望在&DOM&一加载完就执行脚本。其实在现在大部分主流浏览器上（Firefox&3+，Opera&9+，Safari&3+，Chrome&2+）都提供了这一事件方法：addDOMLoadEvent。&document.addEventListener(&DOMContentLoaded&,&init,&false);&那对于&IE&我们如何模拟&addDOMLoadEvent&事件呢？&',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:2,
publishTime:2,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:1,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}jQuery页面加载初始化的3种方法 - CSDN博客
jQuery页面加载初始化的3种方法
当页面打开时我们需要执行一些操作,这个时候如果我们选择使用jquery的话,需要重写他的3中方法,自我感觉没什么区
别,看个人喜好了,第二种感觉比较简单明了:
&script type=&text/javascript& src=&./js/jquery-1.7.min.js&&&/script&
&script type=&text/javascript&&
//init method one
$(document).ready(function(){
trace(&初始化方法进入&);
function trace(obj){
console.log(obj);
&/script&firefox 按下f12 调试 为什么不用alert 而选用console.log呢! 这个大家应该比较清楚吧!
&script type=&text/javascript&&
//init method one
$(function(){
trace(&初始化方法进入二&);
function trace(obj){
console.log(obj);
&script type=&text/javascript& src=&./js/jquery-1.7.min.js&&&/script&
&script type=&text/javascript&&
//init method one
jQuery(function($){
trace(&初始化方法进入三&);
function trace(obj){
console.log(obj);
&不用jquery，在页面初始化的方法，
1.在body里面写onload
2.在脚本里面写
window.onload=function(){&&&&&&&&}&
本文已收录于以下专栏：
相关文章推荐
1 怎么获取标签中的内容
JavaSE API 参考文档(chm格式)下载地址：JavaSE 8.chm
Java 8已经公布有一段时间了，种种迹象表明Java 8是一个有重大改变的发行版。
在Java Code Geek...
HTML是有执行顺序的，默认是自上而下执行。所以当我们的js代码在html代码下边的时候，可以正常执行，而当我们的js代码在html代码上边的时候，可以就无法正常执行了，这时，我们需要在文档加载完毕的...
最近需求遇到的问题
1 两层div 外层父级checkbox框 内层子级checkbox框
2 实现页面一加载 父级 子级全部选中
他的最新文章
讲师：董岩
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)