首先，先在<head>中引入papaparse.min.js（已經(jīng)下載到了本地，如果沒下載可以采用類似jquery的方式引用）和jquery.js。papaparse是專門分析CSV的插件，jquery為了支持html拼接。
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="./papaparse.min.js"><scripte>
然后，在<body>中加入分析CSV文件的js腳本，把CSV分析出來的內(nèi)容拼接到html中。
<script>
?Papa.parse('./output-example.csv', {
? ? ? ? download: true， ? ? ? ? ? ? ? ? ? ? ? //
? ? ? ? complete: function(results) { ? ?//csv分析結(jié)束要執(zhí)行的函數(shù)，除了complete還可以加before，error等情況的分析函數(shù)
? ? ? ? ? ? var data = results.data;
? ? ? ? ? ? var append_html;
? ? ? ? ? ? for(var i = 0, k= data.length-1; i < k; i++) {
? ? ? ? ? ? ????var item = data[i];
? ? ? ? ? ? ? ? //item為csv的一行，item[0]，item[1]...item[k]為行內(nèi)的每一個元素
? ? ? ? ? ? ? ? //這里寫對item的處理
? ? ? ? ? ? ? ? append_html += '<li>'+item[0].substring(0)+' '+item[1].substring(0)+'</li>';
????????????????//將append_html添加到$(#elementid element)后面，elementid為元素id， element為具體元素，如<li id="liid"> <ul></ul></li>，對于下面的拼接代碼是將append_html的內(nèi)容加入到了<ul>后面
????????????????$(#liid ul).append(append_html)
? ? ? ? ? ? }
});
</script>
