gpt4 book ai didi

Javascript:让 body onload 函数等到脚本完成

转载 作者:搜寻专家 更新时间:2023-10-31 22:52:21 24 4
gpt4 key购买 nike

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

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

此外,我可能遇到的另一个问题是我需要访问 html 内容中的 div 元素,我可以在我的 body onload 函数中这样做吗 (getElementById('somDiv')?

这是工作流程。

  1. 调用 getElementById('someDiv') 从页面获取元素。

  2. 调用函数someFunc,这个函数在body onload=someFunc()

  3. 等到 someFunc 完成

  4. 在我的功能完成后向用户显示页面。

最佳答案

您可以做的是将您的页面内容保存在一个 div 中,该 div 最初使用 display:none 设置样式。然后,当您的 JavaScript 代码完成时,将 div 上的样式更新为 display: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 onload="myFunc();">
<div id="body>
...
</div>
</body>
</html>

那么 Bob 就是你的叔叔:页面看起来已经延迟加载,直到你的脚本完成。

关于Javascript:让 body onload 函数等到脚本完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/951945/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com