首页 > 编程语言> 文章详细

Javascript：使用body onload函数等待脚本完成

2019-08-27 17:30:43 阅读：194 来源： 互联网

标签：html dhtml javascript

我有一些我正在调用的函数,它们需要一些时间(毫秒),但我不希望页面显示,直到这些函数完成.现在,我可以告诉页面加载,然后脚本最终完成.

现在,我正在调用正文中的函数onload.

另外,我可能遇到的另一个问题是我需要访问html内容中的div元素,我可以在我的body onl oad函数中执行此操作(getElementById(‘somDiv’)？

这是工作流程.

>调用getElementById(‘someDiv’)以从页面获取元素.
>调用someFunc函数,这个函数在body中onload = someFunc()
>等到someFunc完成
>功能完成后,向用户显示页面.

解决方法:

您可以做的是将页面内容保存在最初使用display：none设置样式的div中.然后,当您的javascript代码完成时,更新div上的样式以显示：block,例如：

<html>
    <head>
        ...
        <style type="text/css">
            html, body, #body {
                height: 100%;
                width: 100%;
                padding: 0;
                margin: 0;
            }
            #body {
                display: none;
            }
        </style>
        <script type="text/javascript">
            function myFunc() {
                ...
                getElementById('body').style.display = 'block';
            }
        </script>
    </head>
    <body onl oad="myFunc();">
        <div id="body>
            ...
        </div>
    </body>
</html>

然后鲍勃是你的叔叔：页面看起来已经延迟加载,直到你的脚本完成.

标签：html,dhtml,javascript
来源： https://codeday.me/bug/20190827/1743375.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Javascript：使用body onload函数等待脚本完成