我需要使用 JavaScript 或 Z4C4AD5FCA2E7A18AA44DBB1CED0Z03 鏈接到我當前 HTML 頁面中的另一個 HTML 頁面

Question

我正在創建一個網頁，該網頁在一個主 HTML 文件中嵌套了其他頁面。 到目前為止，我已經設法為其導航菜單設置了一個工作選項卡系統，但不是在選擇選項卡時顯示內部<div>內容，而是希望它顯示我創建的另一個 HTML 頁面。

如果可能的話，我會盡量避免使用<iframe> ，因為我覺得從長遠來看它不會有用。 我試圖找到一個替代方案，但到目前為止我一直無法找到。

我正在使用 JavaScript、HTML5 和 CSS，因此我將不勝感激包含這些語言的幫助，而不是JQuery。

Answer 1

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

創建 2 個HTML文件。 在我的示例中，一個.html和兩個.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>

Answer 2

1. 在頁面中寫入您要重復的 HTML。 作為一個簡單的版權插入的例子，一個帶有單行 JS 的文件就足夠了：

document.write("Copyright Lifewire, all rights reserved.");

2. 將您的 JS 文件保存到您的 webroot 下的單獨目錄中，通常包括：

includes/copyright.js

3. 在 HTML 編輯器中打開一個 web 頁面，該頁面將顯示 JavaScript Z78E6221F6393D135DZ681DBC63 在 HTML 中找到應該顯示包含文件的位置，並將以下代碼放在那里：

<script type="text/javascript" src="includes/copyright.js"></script>