Question

我希望有一大块html包含一个标题，我希望在多个html页面中重用它。

我已经尝试过EXACT代码，但似乎没有用。它以HTML格式显示脚本而不是操作它。

的index.html：

    <html>
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    <h1>This is a test</h1>

   <script>$("#content").load("commonContent.html");</script>

    </html>

commonContent.html：

<div id="content"><h2>If this shows my test worked!</h2></div>

我们非常感谢任何建议。请注意我是javascript的新手！

Answer 1

你需要：

要包含the jQuery library，因为您的脚本依赖于它
将您的脚本放在<script>元素
要在要加载内容的文档中放置一个元素（您尝试使用id="content"但不存在此类元素的元素。）

我建议改用server side or build time template system。它们是搜索引擎更可靠，更好的食物。

Answer 2

对于这种类型的东西，我通常使用这样的PHP：

<?php include("youhtmlfile.html"); ?>

这是一个优势，因为这样您就不必担心浏览器支持了。

跨多个页面的相同Html

2 个答案: