日期:2014-05-16  浏览次数:20431 次

如何实现在页面完全加载后执行javascript代码
请问,如何实现在页面“完完全全”加载后执行javascript代码。好像我在</body>之前加上<script>...</script>,这段js代码并不是严格意义上的在页面加载完全后执行,因为这个时候很有可能是代码load下来,但是其中的图片啊什么的资源还没有完全加载下来。
谢谢啦!

------解决方案--------------------
看漏了,如果还要图片、框架等所有东西加载完再去执行某JS,用这个判断:

<script language="javascript" type="text/javascript">

if(document.readyState=="complete"){aa();}

function aa(){你要执行的代码}

</script>
------解决方案--------------------
针对5楼的解答:
------------------------------------------------
可以是以下几种 
<body onload="function name()" > </body > 
<script >window.onload=function name </script > 
<script language="javascript" for="window" event="onload" >function name(); </script > 

第二种只能写入一个函数,而且无法给变量,其中最好用的是最后一种,可以独立写出来,怎么写都行。
-------------------------------------------------

第二种只能写入一个函数-->可以这么做:

1.匿名函数:
window.onload=function()
{
func_a();//函数a
func_b();//函数b
func_c();//函数c
}
2.创建addLoadEvent函数:

function addLoadEvent(func)
{
var oldOnload=window.onload;
if(typeof window.onload !='function')
{
window.onload=func;
}
else
{
window.onload=function()
{
oldOnload();
func();
}
}
}

以下开始调用
比如有函数func_a(),func_b(),func_c(),则:
addLoadEvent(func_a);
addLoadEvent(func_b);
addLoadEvent(func_c);

该函数由Simon Willison编写,它只有一个参数,该参数表示被调用的函数名(在页面加载完毕时执行的函数的名字).