zoukankan      html  css  js  c++  java
  • 当页面完全加载完成后执行一个JS函数

    方法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 onload="function name()"> </body >   
    <script>window.onload=function name </script>   
    <script language="javascript" for="window" event="onload">function name(); </script>   
    第二种只能写入一个函数,而且无法给变量,其中最好用的是最后一种,可以独立写出来,怎么写都行。  
    方法3:<body onload="xxx()"> </body> xxx()为你要执行的函数  
    方法4:在script标记里加defer   
    即 <script defer="defer" language="javascript">   
    或者 <script defer language="javascript">   
    在整个页面加载完后运行脚本。(没有效果)  

  • 相关阅读:
    animate动画回调函数
    triggerHandler不执行事件默认值
    trigger自动执行事件
    js与jquery对象的互转
    让低版本浏览器支持html5的标签
    闭包的好处罗列
    AJAX跨域
    php能干什么?
    concat() 方法用于连接两个或多个数组。
    使用 v-cloak 防止页面加载时出现 vuejs 的变量名
  • 原文地址:https://www.cnblogs.com/nepulgh/p/9033383.html
Copyright © 2011-2022 走看看