如何在html中重复代码而无需一次又一次地写入相同的代码

那么我希望在给定的页面上多次显示给定的代码片段，但我希望尽量减少冗余代码在任何地方重复（简单复制/粘贴）。那么我听说有人使用Javascript或JQuery来存储给定的代码片段，比如HTML或CSS，并且他们使用一些简单的div渲染器或标签多次在任何他们希望代码出现的位置标记，而我没有想法如何使用它是在脚本或HTML中存储信息，然后使用单个div或注释渲染多个地点。如何在html中重复代码而无需一次又一次地写入相同的代码

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

来源

2014-06-25 Geniusknight

使用服务器端脚本 – imbondbaby

在一个函数中编写代码并在任何你想要的地方使用它！ –

您是否将代码作为实际在页面上运行的纯文本或代码？ – WoleO

看一看服务器端includes

包括像这样在你的页面：

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

来源

2014-06-25 04:42:36 imbondbaby

仅供参考，问题未使用php标记。 –

我可以做到没有PHP？使用div或东西，例如addthis divs，可以在任何地方渲染 – Geniusknight

不用担心我下周要学习php，所以我会用这个技巧！谢谢:) – Geniusknight

尝试像

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

会被大多数Web服务器的支持。

More Info.

来源

2014-06-25 04:43:10 cracker

伟大的我有想法！谢谢：） – Geniusknight

的可重复使用的代码的示例可以如下所示（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 */

来源

2014-06-25 04:54:10 lindsay

下面是简单的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; 
    } 
}

来源

2014-06-25 05:01:31 MarmiK

如何在html中重复代码而无需一次又一次地写入相同的代码

回答

相关问题