テンプレートエンジン(技術テンプレート)

<!DOCTYPE HTML > 
< HTML LANG = "ZH-CN" > 
  < > 
    < メタ文字コード= "UTF-8"  /> 
    < タイトル>タイトル</ タイトル> 
  </ ヘッド> 
  < 身体> 
    < H2 >模板引擎的使用< / H2 > 
  </ ボディ> 
</ HTML > 
<! - 导入JS    - > 
< スクリプトSRC = "./テンプレートweb.js"
<! - 定義されたテンプレート
    書いてはいけませんかタイプtext / javascriptのは、JSに解決されます
    他の書かれた内容は、jsのように解決されない場合
- > 
< スクリプトタイプ= "text / htmlの" ID = "テンプレート" > 
  < UL > 
    < > 名字{{名前}} < / LI> 
    < > 技能{{スキル}} < / LI> 
    < > 爱好{{habbit}} < / LI> 
  < / UL> 
</ スクリプト> 
< スクリプト> 
  VARのデータ= {
    名前:ペンリン
    スキル:実行について
    habbit:良い手のステップを実行します
  }。

  // 充填孔
  // テンプレートパラメータのIDが
  // パラメータデータ2パディング
  VaRの結果を= テンプレート(テンプレート、データ)。
  console.log(結果)。
  document.body.innerHTML = 結果;
</ スクリプト> 
<! -
    テンプレートを定義する1
      掘る - 名前を
    2.満たされたピット
      オブジェクトとテンプレートの組み合わせは、ピットを埋め
    3.
  - >

 

おすすめ

転載: www.cnblogs.com/qtbb/p/11879255.html