<!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. Java-Runoob-高级教程-实例-环境设置实例：1.Java 实例 – 如何编译一个Java 文件？

    ylbtech-Java-Runoob-高级教程-实例-环境设置实例:1.Java 实例 – 如何编译一个Java 文件? 1.返回顶部 1. Java 实例 - 如何编译 Java 文件  Java ...

  2. ElasticSearch之CURL操作

    CURL的操作    curl是利用URL语法在命令行方式下工作的开源文件传输工具,使用curl可以简单实现常见的get/post请求.简单的认为是可以在命令行下面访问url的一个工具.在centos ...

  3. python + docker, 实现天气数据 从FTP获取以及持久化（四）-- 数据准备

    前情提要 在之前的文章里,我们已经掌握从FTP上面下载天气数据然后插入到数据库中. 但是如何将我们已有的数据放到生产环境中呢? 思考 首先,我们先简单的理一理现在的情况. 目前: FTP上面已有半个月 ...

  4. java中一个简单的下载示例

    首先在tomcat服务器下的webapps的download项目下建一个doc文件夹,再建个test.doc.防止控指针异常 DownLoad.java代码 package com.down; imp ...

  5. 6_python之路之atm购物

    6_python之路之atm购物 1.程序说明:Readme.cmd supermarket 项目主目录 ├── access.log 日志文件 ├── atm atm程序 │?? ├── atm.p ...

  6. WPF 出现“调用线程无法访问此对象，因为另一个线程拥有该对象”

    引起这种错误多半是由于在非UI线程刷新界面,解决此问题可以使用Dispatcher this.Dispatcher.Invoke(new Action(() => { UpdateUI(stri ...

  7. Rhythmk 一步一步学 JAVA (19): 注解 annotation

    在编写注解的时候需要了解的四种注解: @Target 表示该注解可以用于什么地方,可能的ElementType参数有: CONSTRUCTOR:构造器的声明 FIELD:域声明(包括enum实例) L ...

  8. leetcode112

    /** * Definition for a binary tree node. * public class TreeNode { * public int val; * public TreeNo ...

  9. js常用代码整理

    引用js <script type="text/javascript" src="js/jquery-1.11.2.min.js"></scr ...

  10. MD5 几种方法的选择

    转:http://zoroeye.iteye.com/blog/2026984?utm_source=tuicool&utm_medium=referral md5加密实现方法有很多种,也导致 ...