02
2012
07

用js实现在加载完成一个页面后自动执行一个方法或函数

1、
在body中用onload:
<body onload="myfunction()">
2、
在脚本中用window.onload:
<script type="text/javascript">
function myfun()
{
    alert("this window.onload");
}
/*用window.onload调用myfun()*/
window.onload=myfun;//不要括号
</script>

  1. 方法1.如下程序，当页面完全加载后执行openTheIndexPage()方法  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <title>Telecommunications Data Collection System</title>  
  6. <script type="text/javascript" src="<%=contextPath%>/js/baseframe.js"></script>  
  7. <script type="text/javascript" src="<%=contextPath%>/js/cookies.js"></script>  
  8. <script type="text/javascript" src="<%=contextPath%>/js/tag/tag.js"></script>  
  9. <script language="javascript" for="window" event="onload">   
  10.     function openTheIndexPage() {       
  11.         openMyURIWithCid(true, 'root', 'IDX', "iframe/dispatch.jsp?url=tdc/zhk/impctrlobjinf/index/index.jsp", '首页',  
  12.                 'top.tagmenu', 'top.maintop', true,  
  13.                 'system/accessPaths.do?currentModuleCode=IDX',  
  14.                 'mainmenu', true);  
  15.     };  
  16.     if(document.readyState=="complete"){  
  17.         openTheIndexPage();  
  18.     }   
  19. </script>  
  20. </head>   
  21. <body>   
  22. </body>      
  23. </html>  
  24. 方法2：可以是以下几种，但是效果不如方法1.   
  25. <body onload="function name()"> </body >   
  26. <script>window.onload=function name </script>   
  27. <script language="javascript" for="window" event="onload">function name(); </script>   
  28. 第二种只能写入一个函数，而且无法给变量，其中最好用的是最后一种，可以独立写出来，怎么写都行。  
  29. 方法3：<body onload="xxx()"> </body> xxx()为你要执行的函数  
  30. 方法4：在script标记里加defer   
  31. 即 <script defer="defer" language="javascript">   
  32. 或者 <script defer language="javascript">   
  33. 在整个页面加载完后运行脚本。(没有效果)  
Tags: js  
发布:郑德才博客 | 分类:学习之路 | 评论:0 | 浏览:
« 上一篇下一篇 »

相关文章:

【C#、Asp.Net 工具类大全】Js常用操作类  (2015-7-15 14:23:33)

Js读取/获取地址Url所传参数值  (2014-1-10 11:1:30)

发表评论:

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。