Question

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

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

Answer 1

查看服务器端includes

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

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

Answer 2

可重用代码的示例可能如下所示（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 3

以下是重复文字的简单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 4

尝试喜欢

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

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

More Info.

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

4 个答案: