夏日博客

A-A+

js当前网址分享本文网址代码

2016年10月15日 前端设计 暂无评论 阅读 6 views 次

很多的朋友可能会碰到过在网站有一个分享或复制按钮我们只要点击复制就可以把当前网址复制到剪切版中了，然后我们主可粘贴到其它地方去了，下面我总结了两段代码，大家可参考,代码如下:

  1. <script language=javascript>   
  2. // 自动 COPY 代码开始   
  3. function MM_findObj(n, d) { //v4.0   
  4. var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {   
  5. d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}   
  6. if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];   
  7. for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);   
  8. if(!x && document.getElementById) x=document.getElementById(n); return x;   
  9. }   
  10. function JM_cc(ob){   
  11. var obj=MM_findObj(ob); if (obj) {   
  12. obj.select();js=obj.createTextRange();js.execCommand("Copy");}   
  13. alert("复制当前网址成功，请粘贴到你的QQ/MSN上推荐给你的好友！");   
  14. } //xiariboke.net  
  15. // 自动 COPY 代码结束   
  16. document.write('<b><font color=red style=font-size:14px>推荐给好友：</font></b><input name="page_url" value="'+window.location.href+'" size="50"> <input type="button" name="Button" class="button1" style=color:red value="复制当前网址" onClick=JM_cc("page_url")>');   
  17. </script>   

实例二,代码如下:

  1. <html>  
  2. <meta http-equiv="Content-Type" content="text/html; charset=gbk">  
  3. <meta name="Keywords" content="" />  
  4. <meta name="Description" content="" />  
  5. <meta name="Author" content="lession" />  
  6. <head>    
  7. <script language="javascript">  
  8. <!--     
  9. function copy(){     
  10.     var clipBoardContent="";     
  11.     clipBoardContent+=this.location.href;     
  12.     window.clipboardData.setData("Text",clipBoardContent);     
  13.     alert("复制成功，请粘贴到你的QQ/MSN上推荐给你的好友");     
  14. }     
  15. // -->  
  16. </script>  
  17. </head>     
  18.   <body >     
  19. 网址分享给好友">     
  20. </body>     
  21. </html>  
标签：

给我留言