一、實現QQ登錄功能
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>QQ登錄功能 - JSSDK</title>
</head>
<body>
<a href="javascript:void(0)" id="qq_login_btn" _origText="get_user_info 加載昵稱中..." title="nickname">QQ登錄</span>
<a href="javascript:void(0)" id="login_btn" _origText="get_user_info 加載昵稱中..." title="nickname">QQ登錄申請回調地址</span>
<a href="javascript:void(0)" id="qq_logout_btn" >退出</span>
</body>
</html>
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" charset="utf-8" data-appid="100229030" data-redirecturi=""></script><!--appid和redirecturi可以放在加載js中-->
<script type="text/javascript">
//檢測是否已經登錄
function getInfo() {
if(QC.Login.check()){
QC.api("get_user_info")
.success(function(s){//成功回調
alert("獲取用戶信息成功！當前用戶昵稱為："+s.data.nickname);
})
.error(function(f){//失敗回調
alert("獲取用戶信息失敗！");
})
.complete(function(c){//完成請求回調
alert("獲取用戶信息完成！");
});
}else{
alert("請登錄后體驗");
}
}
getInfo();
//方法一
//加入QQ登錄按鈕,這種方法打開的是一個小窗口的網頁頁面
/* QC.Login({
btnId:"qq_login_btn"
});*/
//方法二
document.getElementById('qq_login_btn').onclick = function(){
QC.Login.showPopup({
appId:"100229030",
redirectURI:""//回調地址必須以http或https開頭。回調地址為空時登錄成功后直接返回當前登錄頁面
});
}
document.getElementById('login_btn').onclick = function(){
QC.Login.showPopup({
appId:"101119675",//申請appId 可以返回會跳地址，其中要填寫回調地址和名稱
redirectURI:"http://passport.jikexueyuan.com/connect/success?t=qq&state=e1228ead2277a831fdb270bf1e07c726&scope=get_user_info"//回調地址必須以http或https開頭。
});
}
//檢測當前登錄狀態返回值說明：true：說明登錄成功。false：說明登錄失敗。
if(QC.Login.check()){
document.getElementById('qq_logout_btn').onclick = function(){
QC.Login.signOut()
alert("退出")
}
}
</script>
二、實現分享到QQ好友功能
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>分享到QQ好友功能 - JSSDK</title>
</head>
<body>
<a title="分享到QQ后面鏈接使用的是encodeURIComponent" hidefocus="true" target="_blank" href="http://connect.qq.com/widget/shareqq/index.html?url=http%3A%2F%2Fwiki.connect.qq.com%2Fjs_sdk%25e4%25bd%25bf%25e7%2594%25a8%25e8%25af%25b4%25e6%2598%258e%3Fsource%3Dshareqq&desc=%E8%AF%B7%E5%8F%82%E8%80%83QQ%E4%BA%92%E8%81%94%E6%96%87%E6%A1%A3%E5%BA%93%E4%B8%AD%E7%9A%84%E3%80%8AJS_SDK%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E%E3%80%8B%EF%BC%8C%E5%B8%8C%E6%9C%9B%E5%AF%B9%E4%BD%A0%E6%9C%89%E5%B8%AE%E5%8A%A9%E3%80%82&title=JS_SDK%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E-QQ%E4%BA%92%E8%81%94%E6%96%87%E6%A1%A3%E5%BA%93&summary=&pics=&flash=&site=QQ%E4%BA%92%E8%81%94%E6%96%87%E6%A1%A3%E5%BA%93&callback=http%3A%2F%2Fcgi.connect.qq.com%2Freport%2Freport_vm%3Ftag%3D0%26log%3Djs~sdk%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E_11133_0%26t%3D1467341529006" class="qcShareQQDiv">分享到QQ</a><!--分享到QQ可以把鏈接直接放到a標簽的href中，里面的參數要用encodeURIComponent編碼-->
<a class="bt_icon" href="###" id="qcShareQQDiv" title="發送到QQ好友和群">發送到QQ好友和群</a>
</body>
</html>
<script>
document.getElementById('qcShareQQDiv').onclick = function(e){
var p = {
url: 'http://connect.qq.com/widget/shareqq/test_iframe_shareqq.html',/*獲取URL，可加上來自分享到QQ標識，方便統計*/
desc: 'QQ分享', /*分享理由(風格應模擬用戶對話),支持多分享語隨機展現（使用|分隔）*/
title : 'QQ分享',/*分享標題(可選)*/
summary : 'QQ分享',/*分享描述(可選)*/
pics : '',/*分享圖片(可選)*/
flash : '', /*視頻地址(可選)*/
//commonClient : true, /*客戶端嵌入標志*/
site: 'QQ分享'/*分享來源 (可選) ，如：QQ分享*/
};
var s = [];
for (var i in p) {
s.push(i + '=' + encodeURIComponent(p[i] || ''));
}
//使用http://connect.qq.com/widget/shareqq/iframe_index.html鏈接，iframe_index.html是彈出層效果，index.html是新打開頁面效果
var _src = "http://connect.qq.com/widget/shareqq/index.html?" + s.join('&') ;
window.open(_src);
};
</script>
三、實現分享內容到QQ空間功能
實現分享內容到QQ空間功能和二中實現分享到QQ好友功能的配置使用方法完全一樣，只是將前面的鏈接http://connect.qq.com/widget/shareqq/index.html改成http:
//sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey即可，？后面的完全一樣
以上內容參考網址來源於http://connect.qq.com/