尝试在让script的type属性等于text/html
2018-10-12 13:54
821 查看
我们可以在<script>片断中定义一个被JS调用的代码,但代码又不在页面上显示,这时,我们可以使用下面的方法:
OK,这个意思是说,当你单击按钮时,可以把commentTemplate的内容追到comment_ul_2里,这很有意思吧,呵呵!
而其中有一个replace,也很有意思,向在替换时,可以接受一个json字符串,然后根据json的key来对比js模块里的key,进行赋值!
真的很有意思!
<script id="commentTemplate" type="text/html">
<li>
<div class="photo">
<a href="#">
<img src="[UserImg]" /></a></div>
<p>
<a href="#">[UserName]:</a><span class="time">[CreateDate]</span></p>
<div class="clear">
</div>
</li>
</script>
<div id="comment_ul_2">
</div>
<input type="button" id="addFun" value="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': 'zhang', '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>
OK,这个意思是说,当你单击按钮时,可以把commentTemplate的内容追到comment_ul_2里,这很有意思吧,呵呵!
而其中有一个replace,也很有意思,向在替换时,可以接受一个json字符串,然后根据json的key来对比js模块里的key,进行赋值!
真的很有意思!
您可能感兴趣的文章:
相关文章推荐
- 尝试在让script的type属性等于text/html
- 尝试在让script的type属性等于text/html
- 让script的type属性等于text/html
- 当<script>中的type等于text/html时,我们可以做很多事件!
- html中input标签type=text的只读属性readonly和autocomplete
- <script type="text/html"></script> js模版使用
- html里面script的type和language属性
- html input type text标签属性和方法事件
- 当<script>中的type等于text/html时,我们可以做很多事件!
- html input type text标签属性和方法事件
- html中input type="text" 的readonly 属性与asp.net服务器控件TextBox的readonly属性的js赋值、调用的小bug
- JavaScript DOM杂知识(value/innerHTML/innerText/textContent对比、nodeType/nodeName/nodeValue区别、获取任意类型的属性)
- script标签中type为"text/x-template"或"text/html"
- AddHandler php5-script .php\AddType text/html .php和AddType application/x-httpd-php .php的区别?
- JvaScript的type属性等于text/html 例子
- html input type text标签属性和方法事件
- <script type="text/html"></script> js模版使用
- Refused to execute script from '....js' because its MIME type ('text/html') is not executable...
- 关于chrome Resource interpreted as Script but transferred with MIME type text/html的问题
- 【DOM操作】实时监听input[type='text']和HTML标签中属性改变事件