欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 > 经验分享 > Js&Ajax > Js一键复制文章地址的代码

Js一键复制文章地址的代码

2018-06-25 688 收藏 0 赞一个 0 真差劲 0 去评论

使用JS快速复制文章的链接地址给QQ好友或发送到微博,看到有不少网站在文章页下面都有一个复制文章地址的功能,虽然直接从地址栏也可以复制,不过似乎没有这种用户体验好啊,索性自己也加了这个功能,没想到真的挺不错,下面把JS代码分享给大家:

<SCRIPT language=JavaScript>
function copy(ob){
 var obj=findObj(ob);
 if (obj) 
 {
  obj.select();
  js=obj.createTextRange();
  js.execCommand("Copy");
  alert("本页地址复制成功,您可以粘贴(Ctrl+V)到QQ空间或微博上推荐给好友。")
 }
}
function findObj(n, d) { 
  document.getElementById('txtUrl').value= document.location.href;
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}
document.write("<input type=\"button\" name=\"Button\" value=\"复制文章地址\" onclick=\"copy(\'txtUrl\')\" style=\"cursor:pointer!important;cursor:hand;display:none!important;display:block\" title=\"点击可复制本方地址,转发给QQ好友或微博上,按(Ctrl+V)即可。\">");
document.write("<input id=\"txtUrl\" type=\"hidden\" value=");
document.write(self.location+">");
</SCRIPT>

把上面的代码加到需要显示复制文章按钮的地方即可。

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。

三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!

四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.

五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源,请注明转载来自并附带链接

七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com

大家评论