JS前端的分享功能

给网页加上分享代码,借助网友的力量推广网站,目前已经很流行了

以下是网页代码

QQ空间分享代码如下:

<a href="javascript:void(0);" onclick="window.open(‘http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=‘+encodeURIComponent(document.location.href));return false;" title="分享到QQ空间"><img src="http://qzonestyle.gtimg.cn/ac/qzone_v5/app/app_share/qz_logo.png" alt="分享到QQ空间" /></a>

新浪微博分享代码如下:

<script type="text/javascript">document.write(‘<iframe frameborder="0" scrolling="no" src="http://hits.sinajs.cn/A1/weiboshare.html?url=%url%&appkey=&type=3" width="16" height="16"></iframe>‘.replace(/%url%/,encodeURIComponent(location.href)));</script>

腾讯微博分享代码如下:

<a href="javascript:void(0)" onclick="postToWb();" class="tmblog"><img src="http://v.t.qq.com/share/images/s/weiboicon16.png"></a> <script type="text/javascript">
function postToWb(){
var _t = encodeURI(document.title);
var _url = encodeURI(document.location);
var _appkey = encodeURI("appkey");//你从腾讯获得的appkey
var _pic = encodeURI(‘‘);//(列如:var _pic=‘图片url1|图片url2|图片url3....)
var _site = ‘‘;//你的网站地址
var _u = ‘http://v.t.qq.com/share/share.php?title=‘+_t+‘&url=‘+_url+‘&appkey=‘+_appkey+‘&site=‘+_site+‘&pic=‘+_pic;
window.open( _u,‘转播到腾讯微博‘, ‘width=700, height=680, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, location=yes, resizable=no, status=no‘ );
}
</script>

QQ朋友社区分享代码如下:

<a href="javascript:void(0);" onclick="window.open(‘http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?to=pengyou&url=‘+encodeURIComponent(document.location.href));return false;" title="分享到朋友社区"><img src="http://qzonestyle.gtimg.cn/ac/qzone_v5/app/qzshare/xy-icon.png" alt="分享到朋友社区" /></a>

这里发个自己DIY的分享代码,喜欢的可以拿去用,预览图如下

图片素材在压缩包里,代码内容如下,保存为js文件即可,压缩包里也有现成的。

document.writeln("<a href=\"javascript:void((function(s,d,e){try{}catch(e){}var f=\‘http:\/\/v.t.sina.com.cn\/share\/share.php?\‘,u=d.location.href,p=[\‘url=\‘,e(u),\‘&title=\‘,e(d.title),\‘&appkey=2924220432\‘].join(\‘\‘);function a(){if(!window.open([f,p].join(\‘\‘),\‘mb\‘,[\‘toolbar=0,status=0,resizable=1,width=620,height=450,left=\‘,(s.width-620)\/2,\‘,top=\‘,(s.height-450)\/2].join(\‘\‘)))u.href=[f,p].join(\‘\‘);};if(\/Firefox\/.test(navigator.userAgent)){setTimeout(a,0)}else{a()}})(screen,document,encodeURIComponent));\"><img src=\"sina.gif\" \/><\/a>");
document.writeln("<a href=\"javascript:void(0);\" onclick=\"window.open(\‘http:\/\/sns.qzone.qq.com\/cgi-bin\/qzshare\/cgi_qzshare_onekey?url=\‘+encodeURIComponent(document.location.href));return false;\"><img src=\"qzone.gif\" \/><\/a>");
document.writeln("<a href=\"javascript:void(0)\" onclick=\"postToWb();\"><img src=\"sq.gif\" \/><\/a>");
document.writeln("<script type=\"text\/javascript\">function postToWb(){");
document.writeln("var _t = encodeURI(document.title);");
document.writeln("var _url = encodeURI(document.location);");
document.writeln("var _appkey = encodeURI(\"appkey\");\/\/你从腾讯获得的appkey");
document.writeln("var _pic = encodeURI(\‘\‘);\/\/(列如:var _pic=\‘图片url1|图片url2|图片url3....)");
document.writeln("var _site = \‘\‘;\/\/你的网站地址");
document.writeln("var _u = \‘http:\/\/v.t.qq.com\/share\/share.php?title=\‘+_t+\‘&url=\‘+_url+\‘&appkey=\‘+_appkey+\‘&site=\‘+_site+\‘&pic=\‘+_pic;");
document.writeln("window.open( _u,\‘转播到腾讯微博\‘, \‘width=700, height=680, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, location=yes, resizable=no, status=no\‘ );}<\/script>");
document.writeln("<a href=\"javascript:window.open(\‘http:\/\/cang.baidu.com\/do\/add?it=\‘+encodeURIComponent(document.title.substring(0,76))+\‘&iu=\‘+encodeURIComponent(location.href)+\‘&fr=ien#nw=1\‘,\‘_blank\‘,\‘scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes\‘); void 0\"><img src=\"baidu.gif\" \/><\/a>");

下载地址:微博分享js.rar (12.93 KB)

时间: 2024-10-07 05:02:09

JS前端的分享功能的相关文章

js分享功能实现

分享功能初步测试,title为当前页面的title. 其他详见注释!!! <!doctype html> <html> <head> <meta http-equiv="Content-Type" Content="text/html; charset=utf-8;"> <title>分享代码测试</title> <meta name="author" content=

(37)JS运动之“分享到”移入移出功能

基本思路:采用定时器,为鼠标添加onmouseover和onmouseout功能,采用上一篇文章所写的js运动的实现方法来实现网站侧栏的"分享到"功能. <!DOCTYPE HTML> <!-- --> <html> <head> <meta charset="utf-8"> <title></title> <style> #div1{ width:150px; heig

好程序员web前端教程分享js中的模块化一

好程序员web前端教程分享js中的模块化一:我们知道最常见的模块化方案有CommonJS.AMD.CMD.ES6,AMD规范一般用于浏览器,异步的,因为模块加载是异步的,js解释是同步的,所以有时候导致依赖还没加载完毕,同步的代码运行结束:CommonJS规范一般用于服务端,同步的,因为在服务器端所有文件都存储在本地的硬盘上,传输速率快而且稳定. 1.script标签引入 最开始的时候,多个script标签引入js文件.但是,这种弊端也很明显,很多个js文件合并起来,也是相当于一个script,

关于js分享功能的一些心得

1:微信js-sdk http://mp.weixin.qq.com/wiki/17/2d4265491f12608cd170a95559800f2d.html# 在签名config一系列操作正确的情况下,检测手机端是否支持接口状况,关于微信提供的各种接口大概分成几种情况,一种是不需要严格用户信息的,换言之,就是你调用文档里的接口就可以使用了,比如预览图片之类:一种需要用户信息的,比如授权地理位置之类,这种就比较常见,通常得配置好官方文档需要的资源.最后一种我用到的就是分享功能了,微信sdk提供

【微信开发】【Asp.net MVC】-- 微信分享功能

内嵌在微信中的网页,右上角都会有一个默认的分享功能.如下图所示,第一个为自定义的效果,第二个为默认的效果.实现了自定义的分享链接是不是更让人有点击的欲望?下面讲解下开发的过程. 一.准备,设置js接口安全域名 这需要使用微信的jssdk,先需要在微信公众号后台进行设置:公众号设置-->功能设置-->JS接口安全域名.打开这个页面之后你会看到下面的提示.需要先下载这个文件并上传到指定域名的根目录. 这个文件里面是一个字符串,从名称看是用来校验用的.先上传了这个文件,你才能保存成功.这样你就可以使

给网页增加分享功能

想给自己的网站的文章增加分享按钮,查询资料后发现,均使用了目标网站提供的分享接口,比如新浪微博更可以直接使用其提供的分享按钮,按其规则添加js和页面代码就能实现新浪风格的分享按钮.因为想同时添加各大主流平台的分享按钮,所以自己添加了js代码来完成. 首先在需要分享页面中添加按钮,比如我需要QQ,豆瓣,微博这三个分享,我用了li分别列出来. <ul> <li class="share" shareto="qq">QQ</li> &l

微信开发(一)基于Wx-java的微信分享功能

最近在做微信服务号开发,简单总结一下,便于自己学习积累和分享给大家: 环境介绍: Spring+ Spring MVC +Mybatis 开发语言: JAVA 微信公众平台的开发中,微信只公布了一个基于Http协议的接口和加解密的算法sdk,在开发的过程中可以自己根据需求来配置数据,调用相关接口,也可以引用比较成熟的基于java语言的微信公众号sdk.笔者引用的是目前比较流行的 weixin-java-tools 可以参考:点击打开链接 项目中引入了weixin-java-mp 就可直接调用相关

微信开发】【Asp.net MVC】-- 微信分享功能

[微信开发][Asp.net MVC]-- 微信分享功能 2017-01-15 09:09 by stoneniqiu, 12886 阅读, 15 评论, 收藏, 编辑 内嵌在微信中的网页,右上角都会有一个默认的分享功能.如下图所示,第一个为自定义的效果,第二个为默认的效果.实现了自定义的分享链接是不是更让人有点击的欲望?下面讲解下开发的过程. 一.准备,设置js接口安全域名 这需要使用微信的jssdk,先需要在微信公众号后台进行设置:公众号设置-->功能设置-->JS接口安全域名.打开这个页

闲话js前端框架(2)——庞大的angularjs

闲话js前端框架 前端人员=美工+设计+代码+测试 --题记 专题文章: 一.从avalonjs的模板说起 二.庞大的angularjs 三.再也不想碰DOM 四.组件化?有没有后端的事? 五.再看自己一年前设计的微型渲染引擎 六.在浏览器标准上做文章 七.抛开浏览器,构建应用容器 八.为何Flash.银光和Java都在网页端一蹶不振 本文属 西风逍遥游 原创, 转载请注明出处: 西风世界 http://blog.csdn.net/xfxyy_sxfancy 二.庞大的angularjs Ang