怎么实现在页面完全加载后执行javascript代码
日期：2014-05-16 浏览次数：20427 次
如何实现在页面完全加载后执行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编写,它只有一个参数,该参数表示被调用的函数名(在页面加载完毕时执行的函数的名字).
请问，如何实现在页面“完完全全”加载后执行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编写,它只有一个参数,该参数表示被调用的函数名(在页面加载完毕时执行的函数的名字).
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
