當我使用簡單的 javascript 單擊按鈕時，如何在 div 標簽中的另一個文件上添加一些 Html 代碼

Question

第 1 頁

     <html>
         <body>
            <h1>My heading</h1>
            <p>Some paragrap</p>
         </body>
     </html>

第2頁

  <html>
      <body>
         <button>Click</button>
         <div></div>
      </body>
   </html>

因此，當我單擊按鈕時，我希望使用簡單的 javascript 將第 1 頁顯示在第 2 頁的 div 標記之間。

Answer 1

您可以嘗試object標簽：

<html>
      <body>
         <button onclick="document.querySelector('div').innerHTML = '<object data='page1.html'></object>'">Click</button>
         <div></div>
      </body>
</html>

使用對象標簽時，請注意不會添加重復的<html></html>

Answer 2

您還可以在結束</body>標記之前的<script>標記中添加以下 JavaScript 代碼，假設 page2 上的<div>標記具有id="newpage" 。

function load(file) {

 document.getElementById("newpage").innerHTML='<object type="text/html" data="page1.html" ></object>';
}

然后，您可以使用onclick加載此函數，如下所示：

onclick="load();";

祝你好運！

當我使用簡單的 javascript 單擊按鈕時，如何在 div 標簽中的另一個文件上添加一些 Html 代碼

問題描述

第 1 頁

第2頁

2 個解決方案

解決方案1
1 2020-01-13 05:47:47

解決方案2
0 已采納 2020-09-24 16:32:14

當我使用簡單的 javascript 單擊按鈕時，如何在 div 標簽中的另一個文件上添加一些 Html 代碼

問題描述

第 1 頁

第2頁

2 個解決方案

解決方案1 1 2020-01-13 05:47:47

解決方案2 0 已采納 2020-09-24 16:32:14

解決方案1
1 2020-01-13 05:47:47

解決方案2
0 已采納 2020-09-24 16:32:14