2017-08-06 98 views
-3

我想使用服务器端包含概念将另一个html文件的内容包含在html文件中。请告诉我这个html代码。在另一个html中包含html文件

+1

你在找什么叫网站刮痧。要用Javascript做到这一点,你需要Ajax。如果你对Stack Overflow做了一些研究,你会发现几个可以回答你的问题的问题。例如:https://stackoverflow.com/questions/4229043/load-page-content-to-variable – icecub

回答

0

这样做的推荐方法是通过JavaScript。基本步骤如下:

  1. 保存要包含在.html文件中的html。 示例:foo.html
  2. 使用w3-include-html属性包含HTML。 实施例:

<div w3-include-html="foo.html"></div>

  • 添加JavaScript库的w3.js到页面。 实施例:
  • <script src="https://www.w3schools.com/lib/w3.js"></script>

  • 调用JavaScript实际上包括该文件。 例子:
  • <script> w3.includeHTML(); </script>

    下面是详细描述W3Schools的一个很好的链接: How TO - Include HTML

    +0

    我试过了,这是行不通的。 –

    +0

    这里是一个链接到[plunker示例](https://plnkr.co/edit/AXauNknzTtbl0bKSlR7A)我为你设置。它显示了如何创建这个。你以前可能没有使用过重击。随意编辑内容与它一起玩。它不会影响我的原始代码。 – Matthew

    +0

    @RajeshkumarReddy解决了您的问题。如果没有,让我看看你的代码,我会帮你。 – Matthew