JavaScript执行顺序问题
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript执行顺序问题,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含990字,纯文字阅读大概需要2分钟。
内容图文
![JavaScript执行顺序问题](/upload/InfoBanner/zyjiaocheng/742/60fe9f2b2f7d483a951ab0cfc3bbb67d.jpg)
以下工作正常:
alert("start");
loadData(); // takes a while
alert("finished");
loadData()是一种将大量数据插入DOM中的表并花费几秒钟的方法.
但是,这不能按预期工作:
document.getElementById("mydiv").style.display = "block";
loadData(); // takes a while
document.getElementById("mydiv").style.display = "none";
数据加载到表中而不显示mydiv,直到加载完成,然后mydiv快速显示并消失.
但这应该像它应该的:
document.getElementById("mydiv").style.display = "block";
alert("start");
loadData(); // takes a while
alert("finish");
document.getElementById("mydiv").style.display = "none";
显示mydiv,显示警告对话框,数据加载到表中,然后mydiv按预期消失.
有人知道为什么上面的第二个代码段不能正常工作吗?
解决方法:
我不知道确切的原因,但我能想到的是LoadData是一个繁重的函数,因此浏览器正忙于评估它,因此它保留了渲染.当你在它之间发出警报时,它提供了足够的时间来渲染div,然后评估LoadData.
解决方法:
function LoadData()
{
//Show Div here
//window.setTimeout(newFunc,100);
}
function newFunc()
{
//Do data operations here
//Hide Div
}
内容总结
以上是互联网集市为您收集整理的JavaScript执行顺序问题全部内容,希望文章能够帮你解决JavaScript执行顺序问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。