当我使用简单的 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