如何在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中重複代碼而無需一次又一次地寫入相同的代碼

回答

相關問題