zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    16 | 网络优化(中):复杂多变的移动网络该如何优化?
    Understanding Temporal Metrics
    Objective-C Runtime 大佬系列文章整理
    面向对象编程中的封装、抽象、继承、多态特性以及应用
    面向接口编程原理
    一次HTTP请求的完整过程——协议篇(DNS、TCP、HTTP)
    计算机网络 | 图解 DNS & HTTPDNS 原理
    CDN的加速原理是什么?
    让WKWebview支持NSURLProtocol总结
    WKWebView 请求拦截
  • 原文地址:https://www.cnblogs.com/subying/p/qq-service-js.html
Copyright © 2011-2022 走看看