关于script标签的type属性
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>
htmlbutton属性<script type="application/javascript">
//参数
var user ={ name:"陈⽴明", age:23, phone:"159********"};
/
/模板
var template = document.querySelector("#tmplate").innerHTML;
//使⽤mustache.js进⾏模板解析填充数据
var view = der(template, user);
document.querySelector("#user_info").innerHTML = view;
// html代码块
var htmlBar = document.querySelector('#bar').innerHTML;
document.querySelector('#user_info').innerHTML += htmlBar
</script>
</html>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论