我有两个名为homepage.html&的 html 文件dashboard.html，位于同一文件夹下的同一级别。我只想获取特定的 div，因为我的主项目有很多 div。这是代码homepage.html<html> <head> <meta charset="UTF-8"> <title>Homepage</title> <link rel="stylesheet" href="css/homepage.css"> </head> <body> <div class="homepage-side-menu"> <div id="homepage-home"> <label>Home</label> </div> <div id="homepage-dashboard"> <label>Dashboard</label> </div> </div> <div id="homepage-main-view"></div> <script src="js/homepage.js"></script> </body></html>这是代码dashboard.html<html> <head> <meta charset="UTF-8"> <title>Dashboard</title> <link rel="stylesheet" href="css/dashboard.css"> </head> <body> <div class="dashboard-side-menu"></div> <div id="dashboard-main-view"></div> <script src="js/dashboard.js"></script> </body></html>我只想从 中获取内容并使用简单的 JavaScriptdiv class="homepage-side-menu">显示它。<div class="dashboard-side-menu"></div>
4 回答
慕村9548890
TA贡献1884条经验 获得超4个赞
首先，您必须引用您想要使用的文件。然后你用getElementByClass()
这是将 html 文件导入到另一个 html 中的方法
<link href="homepage.html" rel="import" />
或使用 JavaScript：
<script>
$(function(){
$("#addContentFromAnotherHTML").load("homepage.html");
});
</script>
你可以查看这样的内容：
<body>
<div id="addContentFromAnotherHTML"></div>
</body>
像这样的东西：
var classData = document.getElementsByClassName('homepage-side-menu');
斯蒂芬大帝
TA贡献1827条经验 获得超8个赞
从 html5 开始你可以使用导入
<link rel="import" href="/path/to/imports/stuff.html">
在较旧的浏览器中，唯一的方法是使用 javascript（XHR、fetch 或 Jquery .load
HUX布斯
TA贡献1876条经验 获得超6个赞
使用 jQuery 你可以将其添加到dashboard.html：
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
$( ".dashboard-side-menu" ).load( "homepage.html .homepage-side-menu" );
</script>
慕慕森
TA贡献1856条经验 获得超17个赞
- 4 回答
- 0 关注
- 147 浏览
添加回答
举报
0/150
提交
取消