javascript - 如何在当前 html 代码中使用外部 html 文件
问题描述
我正在尝试将外部 HTML 页面(通用导航)加载到我当前的 HTML 页面中。我尝试了加载功能,但它已被弃用。你能告诉我另一种包含它的方法吗?我没有使用任何服务器。
这是我的代码
<!DOCTYPE html>
<html>
<head>
<script src="ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('#content').load(" nav.html ");
});
</script>
</head>
<body>
<div id="content "></div>
</body>
</html>
解决方案
尝试这个
<script>
function loadPage(href) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", href, false);
xmlhttp.send();
return xmlhttp.responseText;
};
document.getElementById('content').innerHTML =
loadPage('your_html_file.html');
</script>
<div id="content">
</div>
推荐阅读
- node.js - PayloadTooLargeError:body-parser 中的参数过多
- php - 如何将数据添加到 JSON 文件
- c - 运行互斥锁,但无法创建多个线程
- c# - 如何在 C# 应用程序中将 Assembly 中的嵌入式文件用于 SoundPlayer 上下文
- python - 在 Python 中使用 Rekognition 对多个图像进行多处理
- scala - 我无法运行我的 scala 程序,出现错误:找不到或加载主类
- css - 如何使用 CSS 将子元素定位到父元素的顶部
- c# - c# - aws api gateway 刷新缓存
- scala - 使用databricks在Spark(scala)中生成具有XML属性的XML根元素
- javascript - 如何让 w3schools 自己尝试编辑?