作爲前端開發人員，大家都會碰到的一個問題就是重複的代碼怎麼處理，如果總是複製粘貼，會使得代碼顯得非常的龐大，不易讀。雖然有一些語言如node.js可以模塊化管理，但是用js或者jquery實現既簡單又可以面對其他環境搭建的時間。
假如有一段html代碼，我需要在多個頁面使用，那就來實現以下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Document</title>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<style>
.asd{
border:1px solid #ccc;
}
.sss{
color:red;
border:1px solid pink;
float:left;
}
.ddd{
color:blue;
}
</style>
</head>
<body>
<div class="asd">
我是原來的內容！
</div>
</body>
<script>
var a=""; //存取一個變量a
a += '<div class="sss">'+'<a href="javascript:;" class="ddd">我是一個連接！</a>'+'<p>我是新插進來的！</p>'+'</div>';
var xx=""; //存取一個變量xx，我在這裏自己假定了需要應用十次
for(var i=0;i<10;i++)
{
xx+=a;
}
$("div").html(xx);
</script>
</html>其實代碼很簡單；我們做了幾件事：
1，首先存一個變量a；
2，我們需要js拼接出我們的html代碼，並將其作爲一個變量賦值給a；
3，用for循環實現多次的引用；