Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在呈现HTML样式和脚本时加载启动页?_Javascript_Css_Html_Javascript Events - Fatal编程技术网

Javascript 在呈现HTML样式和脚本时加载启动页?

Javascript 在呈现HTML样式和脚本时加载启动页?,javascript,css,html,javascript-events,Javascript,Css,Html,Javascript Events,我将所有Javascript文件链接到页面底部。这样,可以在加载任何脚本之前呈现HTML。唯一的问题是,在脚本完成“装饰”HTML元素之前,HTML会显示给用户。在脚本和样式启动之前,是否有一种优雅的方式向用户显示应用程序的启动页面?在HTML中,您可以编写启动页面,并在加载后使用javascript将其覆盖为真实内容(默认情况下隐藏) 然而,这个解决方案有一个巨大的缺点:如果有人禁用了JS怎么办 演示:您可以创建一个div,其中位置:固定和一个高z索引,作为主体中的第一个元素覆盖整个屏幕。加载

我将所有Javascript文件链接到页面底部。这样,可以在加载任何脚本之前呈现HTML。唯一的问题是,在脚本完成“装饰”HTML元素之前,HTML会显示给用户。在脚本和样式启动之前,是否有一种优雅的方式向用户显示应用程序的启动页面?

在HTML中,您可以编写启动页面,并在加载后使用javascript将其覆盖为真实内容(默认情况下隐藏)

然而,这个解决方案有一个巨大的缺点:如果有人禁用了JS怎么办


演示:

您可以创建一个
div
,其中
位置:固定
和一个高
z索引
,作为主体中的第一个元素覆盖整个屏幕。加载动画或文本可以显示在内部


正文的最后一行是JavaScript,它将
display:none
设置为
div

如果你的脚本只是“装饰”你的HTML元素,也许你可以用CSS代替。这确实是正确的方法。我认为你犯了一个错误。我会选择
position:fixed
,没有
display:hidden
这样的东西。它是eather
可见性:隐藏的
显示:无
。后者应该在这里使用。@PeterVR:谢谢你的输入。我确定了我的答案。