script里面写html是什么东西

我只是一个渣渣
  • 278

我看到有些网站是script标签里面写html。正确不是应该写js的吗??

回复
阅读 4.2k
1 个回答

这是 jQuery 时代常见的 HTML 模板。形如下面的代码

<script id="my-template" type="text/x-custom-template">
    <div class="xxx">
        <div class="yyy">%name%</div>
        <div class="zzz">%value%</div>
    </div>
</script>

script 标签使得模板内容不会显示在页面上。从而在使用 jQuery 渲染数据时,就不需要 HTML 字符串拼接,而只要直接取出模板中的 HTML 文本,用 JS 做正则替换即可:

var template = document.getElementById("my-template").innerHTML;
var html = template
            .replace(/%name%/, data['name'])
            .replace(/%value%/, data['value']);
// insert HTML...

这样就可以很轻松地把 Ajax 获取的 JSON 数据渲染成带样式的 HTML 文本了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏