<!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. 一、jdk工具之jps（JVM Process Status Tools）命令使用

    目录 一.jdk工具之jps(JVM Process Status Tools)命令使用 二.jdk命令之javah命令(C Header and Stub File Generator) 三.jdk ...

  2. 自动执行单元测试maven插件

    <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-suref ...

  3. Meet Solr

    you should have a solid understanding of Solr's query and indexing capabilities, including how to pe ...

  4. django-聚合操作

    聚合操作就是对数据库的数值类型操作的方法 avg,sum,max,min,count select avg(age) from students  # 求年龄平均值  django中的聚合操作 1.a ...

  5. react之echarts数据更新

    react之echarts数据更新 在使用setState更新数据时,如果要将图标更新,需要做一些简单的封装,代码如下: import React, { Component } from 'react ...

  6. 37.使用PreResultListener实现回调

    转自:https://wenku.baidu.com/view/84fa86ae360cba1aa911da02.html 在进行本实例前请前复习:五.2自定义拦截器.因为PreResultListe ...

  7. ubuntu上安装 MySQL 启动/停止 连接MySQL

    1.Ubuntu上安装MySQL服务   1.安装服务端   sudo apt-get install mysql-server    2.安装客户端   sudo apt-get install m ...

  8. UNITY C#内存泄漏

    http://www.360doc.com/content/15/0717/09/10504424_485422031.shtml

  9. Could not load TestContextBootstrapper [null]

    在对SpringBoot进行单元测试时,报错“Could not load TestContextBootstrapper [null]” 错误原因: Maven的pom.xml中某些SpringBo ...

  10. input实时监听控制输入框的输入内容和长度，并进行提示和反馈

    一.前言 在MVVM模式下,有个双向数据绑定(data-binding)的优势,可以通过viewmodel实时的监听用户操作,也可以将model的改动实时的反馈到界面上. 那么,在传统的js操控DOM ...