js生成qq客服在线代码

说到QQ客服在线代码，随便那么百度谷歌一下就会出来，一般都是

<a target="blank" href="http://wpa.qq.com/msgrd?V=1&Uin=${qq!}&Site=http://www.xxxx.com&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:${qq!}:${mode!}" alt="给我发送信息"></a>

其中 ${qq!}代表qq号码 ${mode!} 代表模式（1 2 3这样的数字），以上是freemarker模板代码！

有时候想找一个合适的展示样式，需要去切换mode，所以才想到写了这么一个Html文件，来把所以的样式遍历出来，可以找到自己想要的（当然不一定有自己想要的），目前mode的最大值是20，测试出来的...... 但不是所有的模式都有，比如模式18就是不存在的，废话不说，代码如下：

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <title>qq在线客服</title>
 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 6 
 7 </head>
 8 
 9 <body>
10 <div class="warp" style="margin-top:100px;">
11     <p>qq: <input type="text" name="" id="qval" /></p>
12     <p style="display:none;">>风格（数字）: <input type="text" name="" id="qstyle" /></p>
13     <p><input type="button" value="生成" id="ytest" /></p>
14     <div id="result"></div>
15 </div>
16 <script type="text/javascript">
17 var doc = document;
18 var getById = function(selector){
19     return doc.getElementById(selector);
20 };
21 var doIt = getById('ytest')
22     ,result =  getById('result')
23     ,qval =  getById('qval')
24     ,qstyle =  getById('qstyle')
25 ;
26 doIt.onclick = function(){
27     var _val = qval.value,_mode = qstyle.value,_vstr = '';
28     for(var i=1;i<21;i++){
29         _vstr = _vstr + '<p>'+ i + '.<a target="blank" href="http://wpa.qq.com/msgrd?V=1&Uin='+ _val +'&Site=http://www.xxx.com&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:'+ _val +':'+ i +'" alt="给我发送信息"></a>'+'</p>';
30     }
31     result.innerHTML = _vstr;
32 };
33 
34 </script>
35 </body>
36 </html>