UC知道innerHTML数据写入时,加载状态
来源：百度知道 编辑：UC知道 时间：2024/06/16 10:32:10
用innerHTML向一个div写数据,当数据量大时,会卡,白屏。
想给这动作加个“正在加载”效果，不知道有什么办法可以做到！
待数据完全显示后再取消提示！
<HTML>
<HEAD>
<TITLE>测试：正在加载。。。。</TITLE>
<script>
function bet(co){
var bb="";
go = 3000
for(i=0; i<go; i++){
bb += co
}
window.show.innerHTML = bb
}
function kill(){
document.getElementById("loading").style.display = 'none';
}
</script>
</HEAD>
<BODY>
<A HREF="javascript:bet('aaa')">aaa</A> <A HREF="javascript:bet('bbb')">bbb</A> <A HREF="javascript:bet('ccc')">ccc</A> <A HREF="javascript:bet('ddd')">ddd</A>
<div id=show></div>
<div id="loading">正在加载......</div>
<script>
bet('aaa
想给这动作加个“正在加载”效果，不知道有什么办法可以做到！
待数据完全显示后再取消提示！
<HTML>
<HEAD>
<TITLE>测试：正在加载。。。。</TITLE>
<script>
function bet(co){
var bb="";
go = 3000
for(i=0; i<go; i++){
bb += co
}
window.show.innerHTML = bb
}
function kill(){
document.getElementById("loading").style.display = 'none';
}
</script>
</HEAD>
<BODY>
<A HREF="javascript:bet('aaa')">aaa</A> <A HREF="javascript:bet('bbb')">bbb</A> <A HREF="javascript:bet('ccc')">ccc</A> <A HREF="javascript:bet('ddd')">ddd</A>
<div id=show></div>
<div id="loading">正在加载......</div>
<script>
bet('aaa
<div id=show></div>
<div id="loading">正在加载......</div>
-----
var showDiv = document.getElementById("show");
var loadDiv = document.getElementById("loading");
showDiv.style.display = "none";
loadDiv.style.display = "inline";
showDiv.innerHTML = "xxxxx";
loadDiv.style.display = "none";
showDiv.style.display = "inline";