加载屏幕JavaScript不工作
我有我的网页使用Nvd3的多个图表,我想添加一个加载圈在每个图表。问题是,当从服务器加载数据并完成绘图后,圆圈不会消失,我使用的JavaScript是:加载屏幕JavaScript不工作,javascript,html,Javascript,Html,我有我的网页使用Nvd3的多个图表,我想添加一个加载圈在每个图表。问题是,当从服务器加载数据并完成绘图后,圆圈不会消失,我使用的JavaScript是: window.addEventListener("load",function(){ var load_screen=document.getElementById("load_screen"); document.body.removeChild(load_screen); }); 在控制台上,我收到错误信息: mainContro
window.addEventListener("load",function(){
var load_screen=document.getElementById("load_screen");
document.body.removeChild(load_screen);
});
在控制台上,我收到错误信息:
mainController.js:802未捕获类型错误:未能在“节点”上执行“removeChild”:参数1不是“节点”类型
我还尝试了许多其他JavaScript解决方案,但它们都未能结束加载循环,可能是因为Nvd3检索数据未被识别为windows?如果我尝试加载YouTube视频页面,它似乎工作得很好
<div id="load_screen">
<div class="spinner"></div>
</div>
您是否尝试记录对象加载屏幕
?
请把它也记录下来
可能您应该在加载完图表后调用该匿名函数,或者尝试将侦听器附加到正文而不是窗口。尝试使用以下方法:
window.addEventListener("load",function(){
var load_screen=document.getElementById("load_screen");
load_screen.parentNode.removeChild(load_screen);
});
不管怎么说,我自己也算明白了 我使用jQuery并在控制器内写了一行代码来隐藏
h1>div,我把旋转器放进去的地方
不过还是要谢谢你 你能发布你提到的从服务器加载图表数据的代码吗?在你的页面上似乎没有id为
load\u screen
的元素。或者至少在处理js时没有。等待窗口先加载。很抱歉,load\u屏幕的id是指向js的链接,“spinner”
类是指向下面CSS的链接:.spinner{宽度:80px;高度:80px;边框:2px实心#f3f3;边框顶部:3px实心#f25a41;边框半径:100%;位置:绝对;顶部:0;底部:0;左:0;右:0;边距:自动;动画:旋转1s无限线性;}@keyframes旋转{from{transform:rotate(0deg);}到{transform:rotate(360deg);}
I仍然收到此错误:mainController.js:802未捕获类型错误:未能在“节点”上执行“removeChild”:参数1不是“节点”类型。Load_屏幕返回值是多少?或者您是否尝试使用javascript控制台检查HTML元素?