请不要将此标记为重复项。我尝试了一切我能做的，但这是行不通的。我有 JavaScript 经验。这不是我第一次使用它索引.html：<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>JUST_LOAD_ALREADY</title> <!-- <script defer src="/index.js"></script> --> </head> <body> PLEASSDETY FGUIRWFVUI <script> function loadContent() { fetch("/content.html") .then((res) => res.text()) .then((text) => (document.body.innerHTML = text)); } loadContent() </script> </body></html>内容.html：<h1>Content page</h1>加载所有内容后正文中的预期页面内容： <h1>Content</h1>body 内的实际页面内容： PLEAS这既不是我的沮丧文字，也不是content.html我的内容。这真是要了我的命，请帮助告诉我为什么会发生这种情况。这是我仅有的两个文件 + 用于运行 Sirv 的 package.json
2 回答
BIG阳
TA贡献1859条经验 获得超6个赞
添加带有 id 的 div 并更改它innerHTML似乎有效，可能会“自杀”，因为像 @MarkusZeller 所说的那样，脚本位于体内。下面的代码有效：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>JUST_LOAD</title>
<!-- <script defer src="/index.js"></script> -->
</head>
<body>
PLEASSDETY FGUIRWFVUI
<main id="content"></main>
<script>
function loadContent() {
fetch("/content.html")
.then((res) => res.text())
.then((text) => (document.getElementById("content").innerHTML = text));
}
loadContent();
</script>
</body>
</html>
哔哔one
TA贡献1854条经验 获得超8个赞
或者把它放在头部
window.addEventListener("load",() => {
fetch("/content.html")
.then(res => res.text())
.then(text => document.body.innerHTML = text);
})
添加回答
举报
0/150
提交
取消