在页面完全加载后执行JS【转】

最新推荐文章于 2022-11-12 16:44:08 发布

原创最新推荐文章于 2022-11-12 16:44:08 发布 · 549 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

43 篇文章

订阅专栏

本文详细介绍了如何使用不同的方法来设置网页加载事件，包括使用匿名函数和创建addLoadEvent函数的方法，以便于执行多个函数，并提供了确保所有资源加载完成后再执行特定JavaScript代码的技巧。

defer="defer"

可以是以下几种
<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编写,它只有一个参数,该参数表示被调用的函数名(在页面加载完毕时执行的函数的名字).

如果还要图片、框架等所有东西加载完再去执行某JS，用这个判断：

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

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

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

</script>