如何優雅的用js動態新增html程式碼

匿名使用者 1級 2016-11-07 回答

一、使用javascript 模板引擎

用javascript預編譯模版，就是動態修改模板檔案使之成為一個可用的靜態HTML檔案。 我平時會使用artTemplate，效能很好而且易上手。

編寫模板

使用一個type=“text/html”的script標籤存放模板：

渲染模板

var data = {

title： ‘標籤’，

list： ［‘文藝’， ‘部落格’， ‘攝影’， ‘電影’， ‘民謠’， ‘旅行’， ‘吉他’］

}；

var html = template（‘test’， data）；

document。getElementById（‘content’）。innerHTML = html；

二、使用CoffeeScript

CoffeeScript支援類似於Python的跨行字串，這樣很輕易的就能保持HTML結構的可讀性，而不需要使用“+”或者採用拼陣列的形式。

str=“”“

”“”