javascript 为什么我的网页在应用CSS样式之前呈现原始的html-无论是通过Visual Studio Code & Firefox本地还是托管在github上?

cyvaqqii  于 2023-01-19  发布在  Java
关注(0)|答案(3)|浏览(130)

我的网页在应用CSS样式之前呈现原始的html--这真的很难看
GitHub链接在这里:https://fishbite.github.io/draw/index.html
存储库链接在这里:fishbite.github.io/draw repository
Stylesheets加载在页面的head部分,JavaScript加载在结束body标记之前。
当通过带有Live Server扩展的Visual Studio Code和Firefox在本地运行时,以及托管在GitHub上时,都会出现此问题。
我已经查找了类似的,如果不是确切的复制这个问题(一个FOUC(闪光的非风格化的内容))和提供的解决方案似乎是我已经在做什么:在结束body标记之前加载head和JS中的样式表。
我最初有一个

onload="func()"

调用函数的开始body标记中的参数。但是,删除此参数无助于解决此问题。
这是我第一次认真地尝试将一个完整的网站上传到GitHub,我最初认为问题是由于上面描述的开发环境而在本地发生的,所以我非常失望地意识到事实并非如此。
x一个一个一个一个x一个一个二个一个x一个一个三个一个
我期望上面的html在呈现页面之前加载样式表并应用样式。
相反,它呈现原始html,然后以视觉上不稳定的方式应用样式

z5btuh9x

z5btuh9x1#

代码可能无法在给定路径中找到样式表,或者这些文件中存在错误。

zlhcx6iw

zlhcx6iw2#

有人指出我在doctype声明中犯了一个错误。

<DOCTYPE! html>

代替

<!DOCTYPE html>

修正这个问题就解决了在应用css样式之前呈现html的问题。
感谢你的评分

r6vfmomb

r6vfmomb3#

如果有人有同样的问题,它也是造成如果你不把你的脚本在html的头部

相关问题