Javascript:使用body onload函数等待脚本完成
作者:互联网
我有一些我正在调用的函数,它们需要一些时间(毫秒),但我不希望页面显示,直到这些函数完成.现在,我可以告诉页面加载,然后脚本最终完成.
现在,我正在调用正文中的函数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