JavaScript的type属性等于text/html 例子

最新推荐文章于 2024-08-28 22:48:13 发布

javaPie

最新推荐文章于 2024-08-28 22:48:13 发布

阅读量1.5k

点赞数

分类专栏： javascript HTML

javascript 同时被 2 个专栏收录

175 篇文章 0 订阅

订阅专栏

HTML

45 篇文章 0 订阅

订阅专栏

JavaScript的type属性等于text/html 例子

2014-10-21 12:03 5876人阅读评论(3) 收藏举报

在使用JavaScript标签<script>的时候，其中type最常用的就是text/javascript

其实这个type还有其他用法，下面直接给出例子：

type属性为text/html的时候，<script>片断中定义一个被JS调用的代码，代码不会在页面上显示

[html]view plaincopy 
    
 <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>  

再看上面的代码片段，我们在下面的代码中怎么使用，如下：

[html]view plaincopy 
    
 <html>  
 <head>  
 <title>标题</title>  
 </head>  
 <body>  
     <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' : '张',  
                     '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>  