怎么在js里写html

时间：2023-03-08 16:05:43
怎么在js里写html 
<html>

<head>

  <meta charset="utf-8"/>

  <title>示例前端模板写在代码里</title>

</head>

<body>

  <div id="panel"></div>

  <script>

void function() {

  function format(template, json) {

    return template.replace(/#\{(.*?)\}/g, function(all, key) {

      return json && (key in json) ? json[key] : "";

    });

  }

  document.getElementById('panel').innerHTML = format(

    String(function(){/*!

<ul>

    <li>#{title} -- #{date}</li>

    <li>把模板放在注释里</li>

    <li>这样就可以写多行了。。。</li>

</ul>

*/}).replace(/^[^\{]*\{\s*\/\*!?|\*\/[;|\s]*\}$/g, ''),

    {

      title: "代码里的模板",

      date: "2014-05-16"

    }

  );

}();

  </script>

  </body>

</html>

相关文章