html的script标签中的type是如何自定义的？

Question

问题描述

类似text/template这种type，是随便都可以定义的吗？还是有什么定义规则和读取规则？

问题出现的环境背景及自己尝试过哪些方法

看到一段代码，在script里面写了一个对象，不理解这种是如何读取的？目前的想法就是innerHTML读取，但是感觉怪怪的，是不是还有其他读取方法？

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
<script type="text/lizard-config">
{

url_schema: "hotellist",
viewName: "hotellist",
model:{
  apis: []
},
view:{
  "header": Lizard.T("<h1>选择酒店</h1>"),
  "viewport": Lizard.T("hotellistTmpl")
},
controller: __resource_base_url__ + "webresource/views/dp.hotel.list.js"

}
</script>

Answer 1

type 自定义的话没什么定义规则。读取也确实基本都是innerHTML读取。

只是 type 自定义的时候浏览器不会执行里面的代码。

当然如果 type 设置为浏览器可识别的值，如：

• module 会识别为 ES6 的模块；
• text/javascript、text/ecmascript、application/javascript、application/ecmascript或者不写，会识别为 JS 代码执行;