`
蚂蚁路过
  • 浏览: 6400 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

[转]常见Js复制代码

阅读更多

 

 

1、复制专题地址和url地址

 

<input type="button" name="anniu1" onClick='copyToClipBoard()' value="复制地址"> 

 

<script language="javascript"> 
   function copyToClipBoard(){ 
    var clipBoardContent=""; 
    clipBoardContent+=document.title; 
    clipBoardContent+=""; 
    clipBoardContent+=this.location.href; 
    window.clipboardData.setData("Text",clipBoardContent); 
    alert("复制成功!"); 
 } 
</script>
 

 

2、复制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>

 

3、点击文本框时,复制文本框里面的内容

 

<input onclick="oCopy(this)" value="你好.要copy的内容!"> 
 
<script language="javascript"> 
function oCopy(obj){ 
obj.select(); 
js=obj.createTextRange(); 
js.execCommand("Copy")
alert("复制成功!"); 
} 
</script>
  

4、复制文本框或者隐藏域中的内容

<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);" />
 


5、复制span标记中的内容

 

<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/>

 来源:http://apps.hi.baidu.com/share/detail/31031953

 

分享到:
评论

相关推荐

    JavaScript基础和实例代码

    1.4 如何引入JavaScript脚本代码 1.4.1 通过与标记对引入 1.4.2 通过标记的src属性引入 1.4.3 通过JavaScript伪URL引入 1.4.4 通过HTML文档事件处理程序引入 1.5 嵌入JavaScript脚本代码的位置 1.5.1 在与标记对之间...

    javascript三种代码注释方法

    复制代码 代码如下:/* *author:xxx *day:2008-08-10 */ 第二种注释方法是最常见的”//”,在程序间随处可见,只能注释单行。 复制代码 代码如下://这是一行注释,只能注释单行。 //另一行注释 第三种注释不是很常见,...

    vue语法自动转typescript(解放双手)

    代码的复用是一件很常见的事情,如果是公共代码的复用那还好说,直接做成一个内部私有库,想用的话安装一下 npm包就行了,但是业务代码的复用就不好做成包了,一般都是复制粘贴 我一般写代码的时候,如果觉得某段...

    web开发常用js及html代码

    本文档中包含了,大量的常见的web开发中使用的js代码,经过测试,复制出来就可以直接使用。

    简单实现兼容各大浏览器的js复制内容到剪切板

    所以,研究了ZeroClipboard,尽量使用js代码写。 使用前先引用三个东西(没有提供上传附件,这里就不提供下载地址了,很常见,大家自己找度娘吧): jquery-1.4.1.min.js  ZeroClipboard.js  ZeroClipboard.swf  ...

    JS的代码模式分析-JavaScript开发

    在Inferno Features上运行它只能跨函数边界匹配最长的常见su js-cpa识别在JavaScript捆绑包/文件中无缝复制的结构相似的函数。 在Inferno Features上运行它只能跨函数边界匹配最长的公共子序列,并忽略子级忽略对...

    源文件程序天下JAVASCRIPT实例自学手册

    1.4 如何引入JavaScript脚本代码 1.4.1 通过[removed]与[removed]标记对引入 1.4.2 通过[removed]标记的src属性引入 1.4.3 通过JavaScript伪URL引入 1.4.4 通过HTML文档事件处理程序引入 1.5 嵌入JavaScript脚本代码...

    JS菜单-横|纵向菜单

    js菜单=jQuery + css 用最少的代码 做最多的事情 常见的横纵向MENU 兼容ie6.0 7.0 8.0 火狐 谷歌浏览器 欢迎批评指证

    subjs-editor:JavaScriptJavaScript代码编辑器,可在浏览器中运行

    内容功能特性 使用原生 JavaScript 开发,可在浏览器中运行 支持 JavaScript 代码的高亮,折叠,复制,删除,撤销,重做等操作 支持 JavaScript 代码的常见语法错误检查(开发中,有兴趣的朋友可Pull Request) 支持...

    Ajax&Js数据采集器

    本工具主要针对火车头只能采集到网址,不能采集到数据的网站,这类网站通常通过GET方式传值,然后通过JS跳转。采集器自带翻译功能,采集同时可以将采集的标题和内容翻译成另一种语言,翻译功能暂时不支持单独使用,...

    js中[removed]void(0) 真正含义

    复制代码 代码如下: &lt;a&gt;here 但这儿的void(0)究竟是何含义呢? void 操作符用法格式如下: 1. [removed]void (expression) 2. [removed]void expression expression 是一个要计算的 Javascript 标准的表达式。...

    使用JSLint提高JS代码质量方法分享

    随着富 Web 前端应用的出现,开发人员不得不重新审视并重视 ...形式各异的代码风格、隐含错误的代码行为,严重影响了整体代码的可读性和稳定性,成为 Web 项目中最为常见问题之一。 因而,我们需要一个有效的 JavaScri

    css+js实现的网页常见选项卡效果

    复制代码代码如下: &lt;!doctype html public “-//w3c//dtd xhtml 1.0 transitional//en” “http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd”&gt; &lt;html lang=”us-en”&gt; &lt;head&gt; &lt;title&gt...

    jsinspect:检测复制粘贴和结构相似的代码

    检测复制粘贴的和结构相似JavaScript代码。 需要Node.js 6.0+,并支持ES6,JSX和Flow。 注意:该项目大部分已针对0.10版本进行了重写,并且看到了一些重大更改。总览我们所有人都不得不处理代码异味,重复代码是常见...

    javascript 禁止复制网页

    常见的一些禁止复制网页的代码,但破解方法也不见容易,这里就不说了,可以看本站以前发布的文章。

    复制/粘贴检测器,用于对源代码进行编程。-Node.js开发

    jscpd复制/粘贴检测器,用于编程源代码,支持150多种格式。 复制/粘贴是许多项目中常见的技术债务。 jscpd能够查找在mo jscpd复制/粘贴检测器上实现的重复块,以对源代码进行编程,支持150多种格式。 复制/粘贴是...

    JavaScript表单验证经典内容集

    里面记录了一些常见的表单验证代码,和语法!非常适合做网站开发人员研究!代码可以直接复制并运用!

    用Json实现PHP与JavaScript间数据交换的方法详解

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。简而论之,不管是xml还是json都是为了方便在客户端与服务器端交互数据的...PHP 向 JavaScript 传值PHP 文件 json.php复制代码 代码如下:&lt;?php  $arr

    JAVA上百实例源码以及开源项目源代码

    Java二进制IO类与文件复制操作实例 16个目标文件 内容索引:Java源码,初学实例,二进制,文件复制 Java二进制IO类与文件复制操作实例,好像是一本书的例子,源代码有的是独立运行的,与同目录下的其它代码文件互不联系...

    学透JavaScript

    介绍笔试,面试环节中关于JS的常见问题,为将来的工作打下坚实基础。主讲老师有着丰富的前端开发经验和教学经验,在教学过程中不仅注重前端实践的动手能力,同时也注重培养同学们的编程思维模式和手写代码的核心能力...

Global site tag (gtag.js) - Google Analytics