Js一键复制文章地址的代码
使用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
大家评论
站长推荐
点击排行
- 1CSS控制文字在Div最底部显示
- 2Thinkphp5如何配置IP+端口访问项目模块
- 3elementUI el-dialog弹框居中
- 4教你如何搭建及优化站点
- 5国内互联网视频行业运营分析
- 6service mysql start出错,mysql不能启动,解决mysql: unrecognized service错误
- 7CSS实现悬浮顶部的Div工具栏
- 8记一次Thinkphp5.1框架mysql数据库崩溃(SQLSTATE [08004] Too many connections)
- 9连接SQL Server数据库提示:Login failed for user 'sa'错误的解决方案
- 10Thinkphp3.2在centos7上设置计划任务的方法