如何在html中重复代码而不必反复编写相同的代码

Question

好吧，我希望在给定的页面上多次显示给定的代码片段，但我希望尽量减少在任何地方重复的冗余代码（简单的复制/粘贴）。 好吧，我听说有人使用Javascript或JQuery来存储给定的代码片段，比如HTML或CSS，而不是他们在任何需要代码的地方多次使用一些简单的div渲染或<!--data-->标签出现，我不知道如何使用它是在脚本或HTML中存储信息，然后使用单个div或注释呈现多个位数。

任何人都可以举例说明如何做到这一点。 关于这些技巧的更多信息将非常有用。

Answer 1

看一下服务器端包含的内容

在您的网页中包含以下内容：

<?php include ('content.html'); ?>

Answer 2

以下是重复文本的简单JavaScript代码:(可根据要求修改，可插入innerHTML ）

function repeat(n,Txt){
    for(i=0; i<n;i++)
        document.write(Txt+ char(13)); //char(13) to draw new line
}

只需根据需要在window.Load或onclick按钮上调用此函数。

更新：检查这个小提琴输入重复的HTML fiddle

innerHTML代码：

function repeat(n,Txt){
    for(i=0; i<n;i++){
        document.getElementById("repeater").innerHTML = 
          document.getElementById("repeater").innerHTML + "<br /> "
           + Txt;
    }
}

Answer 3

可重用代码的示例可能如下所示（JavaScript示例）。

var application = {
    addition: function (sum1, sum2) {
        return sum1 + sum2;
    },
    multiplication: function (sum1, sum2) {
        return sum1 * sum2;
    }
};

你可以这样称呼它

application.addition(5, 10); /* returns 15 */

或者更复杂

application.multiplicaton(application.addition(5, 10), 2) /* returns 30 */

Answer 4

尝试喜欢

<!--#include virtual="/menu.shtml" -->

它将支持大多数Web服务器。

更多信息。