怀抱观古今,寝食展戏谑。这篇文章主要讲述JavaScript的type属性等于text/html 例子相关的知识,希望能为你提供帮助。
在使用javascript标签<
script>
的时候,其中type最常用的就是text/javascript
其实这个type还有其他用法,下面直接给出例子:
type属性为text/html的时候,<
script>
片断中定义一个被JS调用的代码,代码不会在页面上显示
<
script id="commentTemplate" type="text/html">
<
li>
<
div class="photo">
<
a href="https://www.songbingjia.com/android/#">
<
img src="https://www.songbingjia.com/android/[UserImg]" />
<
/a>
<
/div>
<
p>
<
a href="https://www.songbingjia.com/android/#">
[UserName]:<
/a>
<
span class="time">
[CreateDate]<
/span>
<
/p>
<
div class="clear">
<
/div>
<
/li>
<
/script>
再看上面的代码片段,我们在下面的代码中怎么使用,如下:
<
html>
<
head>
<
title>
标题<
/title>
<
/head>
<
body>
<
div id="comment_ul_2">
<
/div>
<
input type="button" id="addFun" value="https://www.songbingjia.com/android/click me" />
<
script type="text/javascript">
var reg = new RegExp("\\[([^\\[\\]]*?)\\]", \'igm\');
//i g m是指分别用于指定区分大小写的匹配、全局匹配和多行匹配。
$("#addFun").click(function() {
var html = document.getElementById("commentTemplate").innerHTML;
var source = html.replace(reg, function(node, key) {
return {
\'UserImg\' : \'1\',
\'UserName\' : \'张\',
\'CreateDate\' : \'2011-1-1\'
}[key];
});
$("#comment_ul_2").append(source);
});
var zzl = "name:[name]";
zzl = zzl.replace(reg, function(node, key) {
return {
\'name\' : \'小明\'
}[key];
});
alert(zzl);
<
/script>
<
/body>
<
/html>
这里解释一下:其中有一个replace,在替换时,可以接受一个json字符串,然后根据json的key来对比js模块里的key,进行赋值!【JavaScript的type属性等于text/html 例子】
推荐阅读
- python实现三位的水仙花数(阿姆斯特朗数)
- kubernetes 基础干货
- Python 之 map函数 及lambda函数
- 安卓首页图片轮播效果(淘宝京东首页广告效果)
- httppost 302 错误,HttpPostHttpGet关于URL重定向区别
- 华为交换机破解console密码
- 解析ThreadPoolExecutor类是如何保证线程池正确运行的
- 智能助手(6个最旅行者需要的应用程序)
- 2020年最佳IOS应用开发工具的终极指南