gpt4 book ai didi

javascript - 由于 header 代码是从不同的文件加载的,网站会闪烁

转载 作者:行者123 更新时间:2023-12-02 14:01:14 25 4
gpt4 key购买 nike

我正在从头开始开发一个网站,我意识到,与其在每个 html 页面中包含标题(横幅+水平导航菜单)代码,不如将其放在单独的 HTML 文件中并使用 JS 加载会更有效函数在每个页面的主体中,因此我可以仅修改一个文件中的标题以将更改应用到整个网站,而不是浪费时间在每个页面上修改它。

问题是因为我使用以下方法进行了更改:

<script>
$("#header").load("header_eng.html");
</script>

在每个页面的正文中(其中 header_eng 是包含我的 header 代码的 html 文件),我的网站开始在每个页面之间“闪烁”。现在,当我浏览网站时,横幅图像会在页面之间闪烁/闪烁,而不仅仅是停留在那里。

当我的标题代码位于每个页面的代码中时,我没有遇到此问题。

以下是每个页面文件中包含标题代码的网站示例: https://cbrieuc.github.io/index.html(第一个示例仅显示前两页,因此只需发送垃圾邮件“关于我”或“新闻”链接即可检查是否闪烁)

这里用“load”函数代替: https://cbrieuc.github.io/index_eng.html

这是使用“加载函数”的页面的代码

<!DOCTYPE html>
<html>

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<title>BRIEUC COUILLEROT</title>

<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<div id="header"></div></br>
<div id=corps>
<pre>
test
</pre>
</div>

<!--loading header from header.html-->
<script>
$("#header").load("header_eng.html");
</script>

</body>

</html>

知道发生了什么吗?顺便说一句,我对网络开发还很陌生!

最佳答案

这是因为 javascript 是在页面加载后执行的。您需要使用服务器端语言(例如 php)包含头文件

关于javascript - 由于 header 代码是从不同的文件加载的,网站会闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40387372/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com