`

Js复制代码

阅读更多
<!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://pmp.cnblogs.com" />  
<input name=imgurl type=text size=32 value="http://pmp.cnblogs.com" />  
<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://pmp.cnblogs.com</span>   
[<a href="#" onclick="copyText(document.all.tbid)">点击复制</a>]<br/><br/>  
<span id="tbid2">http://www.cnblogs.com/pmp</span>   
[<a href="#" onclick="copyText(document.all.tbid2)">点击复制</a>]<br/><br/>  

</p>
</body>
</html>

 

分享到:
评论

相关推荐

    js 复制代码 兼容多种浏览器

    "js 复制代码 兼容多种浏览器"这个主题就聚焦于如何使用JavaScript来实现在不同浏览器上,包括IE、Firefox、Opera和Chrome,都能够稳定地复制文本到剪贴板。 首先,我们了解JavaScript的限制。在早期的浏览器中,...

    【JavaScript源代码】为网站代码块pre标签增加一个复制代码按钮代码.docx

    标题中的"【JavaScript源代码】为网站代码块pre标签增加一个复制代码按钮代码"涉及到的知识点是使用JavaScript增强HTML预格式化代码块(`&lt;pre&gt;`标签)的功能,特别是添加一个复制代码按钮,使得用户可以方便地复制...

    JS 代码高亮加复制代码

    这篇博文(尽管描述为空,但根据标题我们可以推测其内容)可能讲解了如何在网页中实现JS代码的高亮显示和添加复制代码的功能。 代码高亮是指在展示代码时,不同类型的语句或关键字用不同的颜色和样式突出显示,以...

    兼容IE与Firefox的js 复制代码

    根据提供的信息,我们可以详细阐述关于兼容IE和Firefox的JavaScript复制代码的知识点,并且解释如何使用ID对应的方式来实现点击复制特定内容的功能。 首先,传统的JavaScript中,复制内容到剪贴板可以通过多种方法...

    【JavaScript源代码】js实现复制粘贴的两种方法.docx

    为了提升用户体验并简化操作流程,本文将介绍两种使用JavaScript实现复制功能的方法,并针对每种方法提供详细的代码示例与解析。 #### 二、方法 在本文中,我们将探讨两种实现复制功能的技术方案。尽管这两种方法都...

    js在不同浏览器中复制代码的实现

    标题中的“js在不同浏览器中复制代码的实现”是指JavaScript如何在不同的Web浏览器环境下实现文本复制功能,这在很多网站的代码分享、示例展示中非常常见。在Web开发中,用户经常需要复制代码块,而JavaScript提供了...

    VUE js 清晰 可复制代码版

    ### VUE.js 清晰可复制代码版:全面解析与实战指南 #### 一、概述 本书《VUE.js 清晰可复制代码版》旨在为读者提供一个全面且易于理解的学习路径,从基础概念到高级特性,再到实战案例,全方位覆盖Vue.js 2的相关...

    js复制内容到剪贴板代码,js复制代码的简单实例

    ### JavaScript复制内容到剪贴板的知识点: 1. **获取复制的对象**: 使用`document.getElementById()`函数可以获取页面中ID对应的DOM元素。例如: ```javascript var e = document.getElementById("contents");...

    使用clipboardjs实现仿CSDN代码复制功能

    复制代码 ``` 接下来,我们需要使用clipboard.js初始化这个按钮,并指定要复制的目标元素: ```javascript var clipboard = new ClipboardJS('.copy-button', { target: function(trigger) { return trigger....

    在网页中实现运行代码-复制代码-收藏代码-另存代码框效果

    对于“复制代码”功能,JavaScript可以通过`document.execCommand('copy')`方法实现,先选中代码,然后调用此方法将代码复制到剪贴板。确保代码被选中,可以使用`element.select()`或`window.getSelection()....

    JavaScript 小游戏代码汇总

    JavaScript 小游戏代码汇总 JavaScript 是一种广泛使用的脚本语言,常用于开发 web 应用程序尤其是游戏开发。以下是 JavaScript 小游戏代码汇总的知识点: 1. HTML 基础:代码开头使用的 `&lt;!DOCTYPE html&gt;` 声明...

    代码运行 复制代码 下载

    在IT行业中,代码运行、复制和下载是...通过`index.html`和`code.js`这样的文件组合,我们可以构建交互式的代码示例,使用户能够实时看到代码效果,方便地复制代码,以及轻松地下载资源,从而提升用户体验和开发效率。

    支付宝红包口令自动复制代码.zip

    【支付宝红包口令自动复制代码】是一个针对支付宝红包口令的自动化工具,旨在帮助用户快速复制红包口令,提高操作效率。在这个压缩包文件中,包含两个主要元素:`投稿和资源声明.txt`以及`支付宝红包口令自动复制...

    移动端复制微信代码-跳转微信代码-微信复制代码-点击复制微信号

    一键复制微信号,适用web端,移动端,微信端,亲测有效,直接下载直接上手,很方便使用,分享给大家。移动端复制微信代码-跳转微信代码-微信复制代码-点击复制微信号。

    在网上复制代码 前面总是带序号 这个可以去掉序号

    在编程和学习技术的过程中,我们经常需要从网上复制代码片段以供参考或使用。然而,很多在线代码分享平台为了格式化展示,会在代码块前添加序列号,这在实际使用时可能会造成不便,比如当你尝试将这些代码粘贴到文本...

    Javascript Obfuscator代码混淆

    JavaScript Obfuscator就是这样一个工具,它能够将清晰可读的JS代码转化为一系列难以解析的表达式和变量名,从而增加逆向工程的难度。 JavaScript Obfuscator的工作原理主要包括以下几个步骤: 1. 变量和函数...

    用 javascript 实现的点击复制代码

    最常用的代码,不需要多浏览器都兼容,但代码比较简洁,也不用很多的js与flash function ...如果你需要这个兼容多浏览器的js复制代码功能可以参考这篇文章: //www.jb51.net/article/76769.htm &lt;titl

    JavaScript代码生成器

    JS,全称JavaScript,有时也被简称为JS,是基于ECMAScript规范的一种解释型、弱类型、动态类型的编程语言。JavaScript代码生成器就是一种能够帮助开发者快速生成JavaScript代码的工具,它可以极大提高开发效率,减少...

Global site tag (gtag.js) - Google Analytics