时间戳

首页 > 解决方案 > 我需要使用 JavaScript 或 HTML 链接到当前 HTML 页面中的另一个 HTML 页面

javascript - 我需要使用 JavaScript 或 HTML 链接到当前 HTML 页面中的另一个 HTML 页面

问题描述

我正在创建一个网页，该网页在一个主 HTML 文件中嵌套了其他页面。So far, I have managed to get a working tab system in for its navigation menu, but instead of showing internal <div>content when a tab is selected, I want it to display another HTML page I have created.

我尽量避免使用<iframe>，因为我觉得从长远来看它不会有用。我试图找到一个替代方案，但到目前为止我一直无法找到。

我正在使用 JavaScript、HTML5 和 CSS——所以我会感谢包含这些语言的帮助，而不是JQuery。

标签： javascripthtmlcss

解决方案

如果你不想使用JQuery或iframes，我建议你使用html object tag。

创建 2 个HTML文件。在我的示例中，one.html和two.html

一个.html

<div id="display"></div>

<script>
function load_anotherpage() {
 document.getElementById("display").innerHTML='<object type="text/html" data="two.html"></object>';
}

load_anotherpage();
</script>

二.html

<h1>Hello</h1>

推荐阅读