每日一点前端-10-关于QQ的一些事儿

简介: 每日一点前端-10-关于QQ的一些事儿

###1.打开网页一秒后弹出指定的QQ与之聊天,如果未添加其QQ,显示添加。

![自动弹出QQ](http://upload-images.jianshu.io/upload_images/2789632-1dba8abe9ba39914.gif?imageMogr2/auto-orient/strip)

现在将qq号换成一个不在我好友列表里的。进行测试……

![自动弹出添加好友界面](http://upload-images.jianshu.io/upload_images/2789632-8a3e683fa8e33fb4.gif?imageMogr2/auto-orient/strip)

代码:

```

<!DOCTYPE html>

<html lang="en">

<head>

   <meta charset="UTF-8">

   <title>Title</title>

</head>

<body>

<script language="javascript">

   var qq_chat = true;

   function PlayJsAdPopWin() {

       if (qq_chat) {

           popwin = window.location.href = 'tencent://message/?uin=15637856&Site=http://www.iotzzh.com&Menu=yes'

           }

       };

   setTimeout("PlayJsAdPopWin()", 1000);

</script>

</body>

</html>

```

核心代码:

```

window.location.href = 'tencent://message/?uin=QQ号&Site=网站名称&Menu=yes'

```

###2.javaScript实现网页右下角弹出窗口(模拟qq弹出框消息提醒)

![网页右下角弹出模拟QQ提醒框](http://upload-images.jianshu.io/upload_images/2789632-8f5c89b8738f6c7f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

###3.利用QQ推广,也有组件样式供做选择,将代码粘贴复制到自己的网站即可

![QQ推广](http://upload-images.jianshu.io/upload_images/2789632-978025b473bb91f6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

###其他关于QQ弹窗的资料

**自动弹出对话框**

我们在网页中放置一个框架,然后框架的地址就是上面的那段代码,当网页加载的时候就会自动去访问这个地址,于是就会自动弹出QQ聊天窗口,当然我们需要设置这个框架不显示,不能让用户看到。

<[iframe](http://www.111cn.net/tags.php/iframe/) style="display:none;" src="tencent://message/?uin=1278230143&Site=&menu=yes"></iframe>

**设置多个客服QQ**

针对企业中有多个客服的情况,为了客服直接合理分配接待。刚刚也研究出了一套解决方案就是预设多个客服QQ,然后给访客随机弹出一个客服QQ的对话框!当然这个适合于企业,对于个人站长就没必要了。

<iframe style="display:none;" class="qq_iframe" src=""></iframe><script>$(function(){    qq_list = new Array('1278230143', '353207542');    //随机    qq_i = Math.floor(Math.random()*qq_list.length);    src = "tencent://message/?uin="+qq_list[qq_i]+"&Site=&menu=yes";    $('.qq_iframe').attr('src', "tencent://message/?uin="+src+"&Site=&menu=yes")})</script>

<b>延时弹出对话框</b>

有不少客户问我如何设置访客打开页面后10秒再弹出,再次研究更新了这个弹出,确实找到的方法可设置10秒后弹出!这样可以一定程度上提升用户体验,同时让访客先看看网站的优质服务能够有效地提升客户对产品的认可度,进而提升客户主动沟通的机会!

<iframe style="display:none;" class="qq_iframe" src=""></iframe><script>$(function(){    setTimeout(function(){        qq_list = new Array('1278230143', '353207542');        //随机        qq_i = Math.floor(Math.random()*qq_list.length);        src = "tencent://message/?uin="+qq_list[qq_i]+"&Site=&menu=yes";            $('.qq_iframe').attr('src', "tencent://message/?uin="+src+"&Site=&menu=yes")    }, 10000)})</script>

目录
相关文章
|
6月前
|
存储 前端开发 JavaScript
前端笔记_OAuth规则机制下实现个人站点接入qq三方登录
前端笔记_OAuth规则机制下实现个人站点接入qq三方登录
84 1
|
22天前
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
|
22天前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
34 0
|
22天前
|
人工智能 自然语言处理 运维
前端大模型应用笔记(一):两个指令反过来说大模型就理解不了啦?或许该让第三者插足啦 -通过引入中间LLM预处理用户输入以提高多任务处理能力
本文探讨了在多任务处理场景下,自然语言指令解析的困境及解决方案。通过增加一个LLM解析层,将复杂的指令拆解为多个明确的步骤,明确操作类型与对象识别,处理任务依赖关系,并将自然语言转化为具体的工具命令,从而提高指令解析的准确性和执行效率。
|
22天前
|
存储 弹性计算 算法
前端大模型应用笔记(四):如何在资源受限例如1核和1G内存的端侧或ECS上运行一个合适的向量存储库及如何优化
本文探讨了在资源受限的嵌入式设备(如1核处理器和1GB内存)上实现高效向量存储和检索的方法,旨在支持端侧大模型应用。文章分析了Annoy、HNSWLib、NMSLib、FLANN、VP-Trees和Lshbox等向量存储库的特点与适用场景,推荐Annoy作为多数情况下的首选方案,并提出了数据预处理、索引优化、查询优化等策略以提升性能。通过这些方法,即使在资源受限的环境中也能实现高效的向量检索。
|
22天前
|
机器学习/深度学习 弹性计算 自然语言处理
前端大模型应用笔记(二):最新llama3.2小参数版本1B的古董机测试 - 支持128K上下文,表现优异,和移动端更配
llama3.1支持128K上下文,6万字+输入,适用于多种场景。模型能力超出预期,但处理中文时需加中英翻译。测试显示,其英文支持较好,中文则需改进。llama3.2 1B参数量小,适合移动端和资源受限环境,可在阿里云2vCPU和4G ECS上运行。
|
22天前
|
前端开发 算法 测试技术
前端大模型应用笔记(五):大模型基础能力大比拼-计数篇-通义千文 vs 文心一言 vs 智谱 vs 讯飞vsGPT
本文对比测试了通义千文、文心一言、智谱和讯飞等多个国产大模型在处理基础计数问题上的表现,特别是通过链式推理(COT)提示的效果。结果显示,GPTo1-mini、文心一言3.5和讯飞4.0Ultra在首轮测试中表现优秀,而其他模型在COT提示后也能显著提升正确率,唯有讯飞4.0-Lite表现不佳。测试强调了COT在提升模型逻辑推理能力中的重要性,并指出免费版本中智谱GLM较为可靠。
前端大模型应用笔记(五):大模型基础能力大比拼-计数篇-通义千文 vs 文心一言 vs 智谱 vs 讯飞vsGPT
|
2月前
|
SpringCloudAlibaba JavaScript 前端开发
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
分布式组件、nacos注册配置中心、openfegin远程调用、网关gateway、ES6脚本语言规范、vue、elementUI
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
|
3月前
|
存储 前端开发 JavaScript
前端语言串讲 | 青训营笔记
前端语言串讲 | 青训营笔记
39 0
|
5月前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
91 2