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

Javascript 如何在html中重复代码,而不必反复编写相同的代码,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我希望在给定的页面上多次显示给定的代码,但我希望尽量减少到处重复的冗余代码(简单的复制/粘贴)。我听说有人使用Javascript或JQuery来存储给定的代码片段,比如HTML或CSS,然后在希望代码出现的地方多次使用一些简单的div呈现或标记,我不知道如何使用它,即在脚本或html中存储信息,然后使用单个div或注释将其呈现到多个位置 谁能举例说明如何做到这一点。关于这些技巧的更多信息将非常有用。看看服务器端 在您的页面中包括以下内容: <?php include ('content.

我希望在给定的页面上多次显示给定的代码,但我希望尽量减少到处重复的冗余代码(简单的复制/粘贴)。我听说有人使用Javascript或JQuery来存储给定的代码片段,比如HTML或CSS,然后在希望代码出现的地方多次使用一些简单的div呈现或
标记,我不知道如何使用它,即在脚本或html中存储信息,然后使用单个div或注释将其呈现到多个位置


谁能举例说明如何做到这一点。关于这些技巧的更多信息将非常有用。

看看服务器端

在您的页面中包括以下内容:

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

试试看

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

它将由大多数web服务器支持


可重用代码的示例如下所示(JavaScript示例)

你可以这样称呼它

application.addition(5, 10); /* returns 15 */
或者更复杂

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

下面是重复文本的简单JavaScript代码:(可以根据需要进行修改,可以插入
innerHTML


使用服务器端脚本在函数中编写代码,并在任何地方使用它!您是将代码作为纯文本还是实际在页面上运行的代码?我认为您需要的是mustache.js之类的模板如果您不介意使用PHP之类的服务器端语言,您可以创建一个包含重复代码的
.html
PHP
文件,然后使用
include('repeated\u code\u file.html'))
在需要粘贴的地方。仅供参考,问题没有用php标记。我可以不用php吗?使用divs或其他东西,例如addthisdivs,它可以在任何地方呈现,不用担心,我下周要学习php,所以我将使用这个技巧!谢谢:)这是最简单的方法:)。。。您不需要为此学习php:)只需在文件路径中使用这一行;)太好了,我想到了!谢谢:)
application.multiplicaton(application.addition(5, 10), 2) /* returns 30 */
function repeat(n,Txt){
    for(i=0; i<n;i++)
        document.write(Txt+ char(13)); //char(13) to draw new line
}
function repeat(n,Txt){
    for(i=0; i<n;i++){
        document.getElementById("repeater").innerHTML = 
          document.getElementById("repeater").innerHTML + "<br /> "
           + Txt;
    }
}