H_Col

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

百度百科[星门]-->ifeng.com-->F12-->bigtreexu-->bigtreexu.com-->F12

看到这么一段新奇的传参方式,记录一下,以备后用。

思想:

var str = "any words {0}{1}{...}"

var data = [DATA0,DATA1,...]

利用 replace 方法替换掉标记位。

这种传参数的思想碉堡了。

需要插入数据的位置灵活、数据易于管理、高大上...

 1 <body>
 2 <div id="container"></div>
 3 <script type="text/javascript">
 4 (function(){
 5 var c=document.getElementById('container');
 6 var min=12, max=128; step=4;
 7 var hello='WTF!';
 8 var buf=[];
 9 var tpl='<div style="font-size:{0}px" class="greeting">{1}</div>';
10 for(var i=min; i<=max; i+=step){
11 var data=[i, hello], greeting=tpl;
12 for(var j=0;j<data.length;j++){    
13 greeting=greeting.replace('{'+j+'}', data[j]);
14 }
15 buf.push(greeting);
16 }
17 c.innerHTML= buf.join('');
18 })();
19 </script>
20 </body>
View Code

 

posted on 2014-03-09 21:07  H_Col  阅读(153)  评论(0编辑  收藏  举报