<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>最全的Js复制链接代码</title>
</head>
<body>
<p>
  <input type="button" name="anniu1" onClick='copyToClipBoard()' value="复制专题地址和url地址，传给QQ/MSN上的好友">
  <script language="javascript">
   function copyToClipBoard(){
    var clipBoardContent="";
    clipBoardContent+=document.title;
    clipBoardContent+="";
    clipBoardContent+=this.location.href;
    window.clipboardData.setData("Text",clipBoardContent);
    alert("复制成功，请粘贴到你的QQ/MSN上推荐给你的好友");
  }
  </script>  
  <br />
  <br />

直接复制url
<input type="button" name="anniu2" onClick='copyUrl()' value="复制URL地址">
 <script language="javascript">
   function copyUrl()
   {
    var clipBoardContent=this.location.href;
    window.clipboardData.setData("Text",clipBoardContent);
    alert("复制成功!");
   }
  </script>
<br/>
<br/>
  点击文本框时,复制文本框里面的内容
<input onclick="oCopy(this)"  value="你好.要copy的内容!">
<script language="javascript"> 
function oCopy(obj){ 
obj.select(); 
js=obj.createTextRange(); 
js.execCommand("Copy")
alert("复制成功!"); 
} 
</script>
 <br />
  <br />
 复制文本框或者隐藏域中的内容
<script language="javascript"> 
function CopyUrl(target){ 
target.value=myimg.value; 
target.select();  
js=myimg.createTextRange();  
js.execCommand("Copy");
 alert("复制成功!");
} 
function AddImg(target){ 
target.value="[IMG]"+myimg.value+"[/ img]";
target.select(); 
js=target.createTextRange();  
js.execCommand("Copy"); 
alert("复制成功!");
} 
</script>
 
<input name=myimg type=hidden id=myimg value="http://blog.csdn.net/CHBOS" /> 
<input name=imgurl type=text size=32 value="http://blog.csdn.net/CHBOS" /> 
<input type=button value="点击这里复制本站地址" onclick="CopyUrl(imgurl);" />

<br />
<br/>
复制span标记中的内容
<script type="text/javascript"> 
</script>
<br />
<br />
<script type="text/javascript">function copyText(obj)  
{ 
var rng = document.body.createTextRange(); 
rng.moveToElementText(obj); 
rng.scrollIntoView(); 
rng.select(); 
rng.execCommand("Copy"); 
rng.collapse(false);
alert("复制成功!");
} 
</script>

以下是代码片段：<br />
<br />
<span id="tbid">http://hsyjxzht.blog.163.com/</span>  
[<a href="#" onclick="copyText(document.all.tbid)">点击复制</a>]<br/><br/> 
<span id="tbid2">http://hsyjxzht.blog.163.com/</span>  
[<a href="#" onclick="copyText(document.all.tbid2)">点击复制</a>]<br/><br/>

</p>

JS实现复制本文链接,推荐给QQ/MSN上的好友

第一种不带标题：http://www.86shichang.com/blog/?post=150

<a title="复制本文链接发给你QQ/MSN上的好友" href="JavaScript:copyUrl()" rel="nofollow">复
制链接发给好友</a>

<script type="text/javascript">
var Url = document.URL;
  function copyUrl()
  { 
  window.clipboardData.setData("Text",Url );
  alert("复制成功，请粘贴到你的QQ/MSN上推荐给你的好友！/r/n/r/n内容如下：/r/n" + Url);
  }
</script>

第二种带标题：如何实现复制内容自动加上文章链接 http://www.86shichang.com/blog/?post=150

<input type="button" name="Submit" onClick='copyToClipBoard()' value="分享给QQ/MSN上的好友">
                    <script language="javascript">
                       function copyToClipBoard(){
                        var clipBoardContent="";
                        clipBoardContent+=document.title;
                        clipBoardContent+="\n";
                        clipBoardContent+=this.location.href;
                        window.clipboardData.setData("Text",clipBoardContent);
                        alert("复制成功，请粘贴到你的QQ/MSN上推荐给你的好友");
                      }
</script>

第三种复制指定的地址 如 http://www.baidu.com

<script language="JavaScript">
function CopyUrl()
{   
    clipboardData.setData('text',QQ.value);   
    alert("复制成功，请粘贴到你的QQ/MSN上推荐给你的好友！/r/n/r/n内容如下：/r/n" +

QQ.value);
}</script>
<input type="hidden" size=0 value="http://www.baidu.com" name="QQ">
<a href="#" onClick='CopyUrl()'>复制链接发给好友</a>

</body>
</html>

Js复制链接代码的更多相关文章

  1. js复制链接

    需求:js复制一个并非当前页面的链接 实现: html <button class="btn btn-primary btn_copyurl">复制课程链接</b ...

  2. js复制当前url地址解决浏览器兼容

    1.网上搜索的js复制链接代码,好像只能支持ie浏览器,其他浏览器不支持, 案例: var url=12; if(window.clipboardData){                   wi ...

  3. 使用Ant和YUICompressor链接合并压缩你的JS和CSS代码

    JS代码和CSS代码在上线前要压缩大家应该都是知道的了.记得之前做项目的时候,最后要交差的时候是找了个网站,将JS代码的文件一个一个地复制,粘贴,复制,粘贴. 当时就在想:TMD有没有好一点的方法,劳 ...

  4. js 复制文字、 复制链接到粘贴板

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. JS阻止链接跳转代码

    刷新后focus在第一个标签 onload="$('#input_email').focus(); " $(document).ready(function(){ $(" ...

  6. Cocos Creator JS web平台复制粘贴代码（亲测可用）

    Cocos Creator JS web平台复制粘贴代码(亲测可用) 1 webCopyString: function(str){ var input = str; const el = docum ...

  7. js复制URL链接

    html: <div style="height:0px; text-indent:-10000px;"><span id="hdcopyurl&quo ...

  8. ext树表+ZeroClipboard复制链接功能

    效果图:

  9. js-禁止微信H5页面点击右上角菜单时出现“复制链接”，且分享仅支持微信分享

    禁止微信H5页面点击右上角菜单时出现“复制链接”,这个问题已经影响到我很久很久了,起码有2年了, 昨天写H5活动的时候,需求有一个是:可分享,但是禁止复制活动链接, 这一下,就逼我务必好好研究研究了. ...

随机推荐

  1. Bootstrap-CL：超大屏幕

    ylbtech-Bootstrap-CL:超大屏幕 1.返回顶部 1. Bootstrap 超大屏幕(Jumbotron) 本章将讲解 Bootstrap 支持的另一个特性,超大屏幕(Jumbotro ...

  2. SpringAOP的两种实现方式

    1.SpringAOP,面向切面编程.在实际应用汇总很常见,一般用于日志.异常保存.也可以针对于相应的业务做处理 AOP核心概念 1.横切关注点 对哪些方法进行拦截,拦截后怎么处理,这些关注点称之为横 ...

  3. py基础3--函数，递归，内置函数

    本节内容 函数基本语法及特性 参数与局部变量 返回值 嵌套函数 递归 匿名函数 函数式编程介绍 高阶函数 内置函数 1. 函数基本语法及特性 背景提要 现在老板让你写一个监控程序,监控服务器的系统状况 ...

  4. 温故而知新-面向对象的PHP

    1 类的多态 不同的类对同一操作可以有不同的行为. 比如自行车和汽车都有移动这个成员函数行为, 那么自行车类可以移动,行为和汽车的移动行为肯定不同. 2 析构函数不能有参数 3 __set和__get ...

  5. 好记性不如烂笔头--linux学习笔记8关于nginx的动静分离

    动静分离逻辑梳理 就是给nginx配置访问规则,不同后缀的文件访问不同的目录 worker_processes 1; events { worker_connections 1024; } http ...

  6. IOS 上传ipa文件失败

    ** No suitable application records were found. Verify your bundle identifier 'com.***' is correct. i ...

  7. Tomcat 性能监控工具jvisualvm， JConsole

    配置: 重启Tomcat

  8. Oracle安装过程出现问题---------安装Oracle11gR2先决条件检查失败

    一.错误信息当安装到“先决条件检查” 时,提示如下图所示的错误: 二.错误原因一般情况下,由于操作系统未开启默认共享,导致Oracle无法检查环境的可用性. 三.解决方法1.在运行中(或键盘按 Win ...

  9. TCP接入层的负载均衡、高可用、扩展性架构

    一.web-server的负载均衡 互联网架构中,web-server接入一般使用nginx来做反向代理,实施负载均衡.整个架构分三层: 上游调用层,一般是browser或者APP 中间反向代理层,n ...

  10. 7.25 11figting！

    TEXT 76 Start of the long march 而今迈步从头越(陈继龙编译) Nov 16th 2006 | BEIJING AND HONG KONG From The Econom ...