gpt4 book ai didi

javascript - 导入 HTML 文件后未加载横幅

转载 作者:太空宇宙 更新时间:2023-11-04 08:22:26 25 4
gpt4 key购买 nike

我的网站顶部有一个图片横幅,它是我从网络服务下载的。我有一个 header.html 和一个 home.html 文件,为了编辑方便,我将 header.html 代码导入到 home.html 文件中。当我运行 header.html 时,横幅运行完美,但当我运行 home.html 时,它却没有。当我检查元素时,为横幅分配了空间,但没有内容。

家庭密码

<html>
<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Saisentan Music</title>
<meta name="home page" content="Epic Orchestral Music by Taylor Barton">
<link rel="stylesheet" href="style.css">

</head>

<body>

<script src="https://www.w3schools.com/lib/w3.js"></script>
<div w3-include-html="header.html"></div>
<script>w3.includeHTML();</script>

HOME


</body>

我将标题代码放在下面的链接中,因为它真的很长而且难以阅读(感谢计算机生成的代码)。在同一个文档中是 home.html 和 header.html 的屏幕截图

https://docs.google.com/document/d/1hWNrjLP11FvTJQgBPa19_NmVn1d5nTr-k1dhqdVwcE0/edit?usp=sharing

最佳答案

您正在调用的函数 w3.includeHTML 会查看页面上的所有标签,找到具有 w3-include-html 属性的标签,尝试获取文件,并将该文件插入为内部 HTML。脚本未执行。

w3.includeHTML = function(cb) {
var z, i, elmnt, file, xhttp;
z = document.getElementsByTagName("*");
for (i = 0; i < z.length; i++) {
elmnt = z[i];
file = elmnt.getAttribute("w3-include-html");
if (file) {
xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
elmnt.innerHTML = this.responseText;
elmnt.removeAttribute("w3-include-html");
w3.includeHTML(cb);
}
}
xhttp.open("GET", file, true);
xhttp.send();
return;
}
}
if (cb) cb();
};

您需要调用这些脚本。 This question might help

关于javascript - 导入 HTML 文件后未加载横幅,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45443172/

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