利用js建立模版

2021-08-08 21:47:19 字數 1244 閱讀 7261

基本說明

在開發中如果某塊資料需要在多個地方使用(比如乙個很長的段落或者是有格式的字串)那麼可以考慮使用簡單模板。

因為某塊資料在多個地方都要用到,勢必需要把這份資料拷貝多次,而這樣會造成冗餘度過高的問題,且不方便維護。

假如後期需要對這塊資料進行修改,那麼所有用到的地方都要進行修改比較麻煩,因此建議使用模板來處理。

type="text/template"

class="test">

聽說白雪公主在逃跑 小紅帽在擔心大灰狼

聽說瘋帽喜歡愛麗絲 醜小鴨會變成白天鵝

聽說彼得潘總長不大 傑克他有豎琴和魔法

聽說森林裡有糖果屋 灰姑娘丟了心愛的玻璃鞋

只有睿智的河水知道 白雪是因為貪玩跑出了城堡

script>

//01 獲取模板中的內容

var oscript = document.getelementsbyclassname("test")[0];

var ostring = oscript.innertext;

script>

模板框架的使用

1)有的時候模板中的內容結構是相同的,但是具體的細節可能並不一樣,這時候需要對模板進行傳參處理。

2)使用示例:

002 在頁面中包含必要的js檔案:003 提供並設定模板:

004 呼叫template方法傳遞引數並獲取模板的內容

var data = ;

var html = template('demo', data);

document.body.innerhtml = html;

script>

微博專案中使用模板框架

// 001 包含模板引擎檔案// 002 提供並設定模板的內容(注意需要設定id標識)//  003 呼叫方法並傳遞引數,獲取模板的內容

var div = $("

"); div.addclass("reply"); // 設定每條微博樣式

var temp = template("deno", obj);

div.html(temp);// 給微博寫入內容

建模版 建外掛程式 配模版

1.拆分整個頁面的靜態的jsp 具體怎麼拆分要看頁面的布局,命名規則自己規定。jsp 2.在原頁面的 中把拆分的部分用替換。html 3.新建模版,配置外掛程式,預覽頁面是否跟拆分之前的一模一樣。外掛程式節點對應 測試拆分的對否 4.靜態外掛程式改寫成動態的。可變的,可以發稿件的 已變紅的模版 靜態...

JS物件建立模式

1 var person new object 23 person.name name 4 person.age 43 56 console.log person 1 套路 先建立空object物件,再動態新增屬性 方法 2 適用場景 起始時不確定物件內部資料 3 問題 語句太多 1 var per...

CodeIgniter框架 利用CI建立模型

利用ci建立模型 1 模型的存放目錄 專案目錄 models 2 建立目錄就是建立乙個類檔案 必須繼承資料核心類ci model,同時過載父類中的構造方法 class model name extends ci model 3.ci為我們提供了乙個非常強大和簡單的資料庫函式類 active reco...