关于script标签的type属性

最新推荐文章于 2024-02-23 09:43:20 发布

yanAHeng

最新推荐文章于 2024-02-23 09:43:20 发布

阅读量5.7k

点赞数 7

分类专栏：工作记录

本文链接：https://blog.csdn.net/weixin_40005545/article/details/108784862

版权

工作记录专栏收录该内容

11 篇文章 0 订阅

订阅专栏

type属性定义script元素包含或src引用的脚本语言。

属性的值为MIME类型; 支持的MIME类型包括text/javascript, text/ecmascript, application/javascript, 和application/ecmascript。
如果没有定义这个属性，脚本会被视作JavaScript。

如果MIME类型不是JavaScript类型（上述支持的类型），则该元素所包含的内容会被当作数据块而不会被浏览器执行，也不会显示在页面上，但是可以在另一个script里面通过获取插入到页面中。

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
</head>
<script type="application/javascript" src="./mustache.min.js"></script>

<body>
  <div id="user_info"></div>
</body>
<script type="text/tmplate" id="tmplate">
  <div>
    <ul>
      <li>姓名：{{name}}</li>
      <li>年龄：{{age}}</li>
      <li>电话：{{phone}}</li>
    </ul>
  </div>
</script>
<script type="text/html" id="bar">
  <div>
    <button>操作</button>
  </div>
</script>

<script type="application/javascript">
  //参数
  var user = { name: "陈立明", age: 23, phone: "15932582632" };
  //模板
  var template = document.querySelector("#tmplate").innerHTML;
  //使用mustache.js进行模板解析填充数据
  var view = Mustache.render(template, user);
  document.querySelector("#user_info").innerHTML = view;

  // html代码块
  var htmlBar = document.querySelector('#bar').innerHTML;
  document.querySelector('#user_info').innerHTML += htmlBar
</script>

</html>

yanAHeng

关注

7
点赞
踩
18

收藏

觉得还不错? 一键收藏
2
评论
关于script标签的type属性

type属性定义script元素包含或src引用的脚本语言。属性的值为MIME类型; 支持的MIME类型包括text/javascript, text/ecmascript, application/javascript, 和application/ecmascript。如果没有定义这个属性，脚本会被视作JavaScript。如果MIME类型不是JavaScript类型（上述支持的类型），则该元素所包含的内容会被当作数据块而不会被浏览器执行，也不会显示在页面上，但是可以在另一个script里.
复制链接

扫一扫

专栏目录