Javascript JS 网页分享到QQ空间QQ，java实现qq分享，url带参数的方法

最新推荐文章于 2023-04-05 12:58:51 发布

有情有趣

最新推荐文章于 2023-04-05 12:58:51 发布

阅读量3.2k

点赞数 4

分类专栏： java接口文章标签： java接口

本文链接：https://blog.csdn.net/jiatai_/article/details/94870850

版权

java接口专栏收录该内容

0 篇文章 0 订阅

订阅专栏

网页js实现qq分享
创建一个jsp页面，html页面也行，下面是简单demo代码，直接复制到就能用
html把头 <%@ page language=“java” contentType=“text/html; charset=UTF-8”
pageEncoding=“UTF-8”%>去掉即可

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta  http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<a href="javascript:void(0)" onclick="qqShare('https://www.douyu.com','斗鱼直播','斗鱼',null,'/pic/01.jpg')">qq分享</a>
</body>

<script type="text/javascript">
/**
 * qq分享
 * @param url       链接地址 你需要分享的网站 如：www.baidu.com
 * @param desc      描述
 * @param title     标题
 * @param summary   内容
 * @param pics      图片
 */
function qqShare(url,title,summary,pics){
    var urlPath = "https://connect.qq.com/widget/shareqq/index.html?url="+ encodeURI(url) +
                  "&desc=&title=" + title +
                  "&summary=" + summary +
                  "&pics=" + pics;
    window.open (urlPath, 'qq分享', 'height=637, width=1053, top=195,left=459, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
}
</script>
</html>

我们使用上面的代码经过编码后是不能带参数的，当我们写自己项目时有带参数的需求时我们可以用下面的方式改变一下url

参数 url 将encodeURI改成encodeURIComponent包下

http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url="+encodeURIComponent(url)+"&title="+title

演示代码

在这里插入图片描述

有情有趣

关注

4
点赞
踩
5

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录