当jsp页面完全加载完成后执行一个js函数_jsp页面加载完成后执行函数-优快云博客

本文介绍了一种在页面完全加载后执行特定JavaScript函数的方法，包括使用`<script>`标签的`onload`属性、`defer`属性及直接在`<html>`标签内设置函数调用的方式。同时提供了多种实现方案的比较，旨在帮助开发者更高效地在页面加载完成后执行所需操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法1.如下程序，当页面完全加载后执行openTheIndexPage()方法
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Telecommunications Data Collection System</title>
<script type="text/javascript" src="<%=contextPath%>/js/baseframe.js"></script>
<script type="text/javascript" src="<%=contextPath%>/js/cookies.js"></script>
<script type="text/javascript" src="<%=contextPath%>/js/tag/tag.js"></script>
<script language="javascript" for="window" event="onload"> 
    function openTheIndexPage() {     
        openMyURIWithCid(true, 'root', 'IDX', "iframe/dispatch.jsp?url=tdc/zhk/impctrlobjinf/index/index.jsp", '首页',
                'top.tagmenu', 'top.maintop', true,
                'system/accessPaths.do?currentModuleCode=IDX',
                'mainmenu', true);
    };
    if(document.readyState=="complete"){
        openTheIndexPage();
    } 
</script>
</head> 
<body> 
</body>    
</html>
方法2：可以是以下几种，但是效果不如方法1. 
<body οnlοad="function name()"> </body > 
<script>window.οnlοad=function name </script> 
<script language="javascript" for="window" event="onload">function name(); </script> 
第二种只能写入一个函数，而且无法给变量，其中最好用的是最后一种，可以独立写出来，怎么写都行。
方法3：<body οnlοad="xxx()"> </body> xxx()为你要执行的函数
方法4：在script标记里加defer 
即 <script defer="defer" language="javascript"> 
或者 <script defer language="javascript"> 
在整个页面加载完后运行脚本。(没有效果)