<!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 复制代码 兼容多种浏览器"这个主题就聚焦于如何使用JavaScript来实现在不同浏览器上,包括IE、Firefox、Opera和Chrome,都能够稳定地复制文本到剪贴板。 首先,我们了解JavaScript的限制。在早期的浏览器中,...
标题中的"【JavaScript源代码】为网站代码块pre标签增加一个复制代码按钮代码"涉及到的知识点是使用JavaScript增强HTML预格式化代码块(`<pre>`标签)的功能,特别是添加一个复制代码按钮,使得用户可以方便地复制...
这篇博文(尽管描述为空,但根据标题我们可以推测其内容)可能讲解了如何在网页中实现JS代码的高亮显示和添加复制代码的功能。 代码高亮是指在展示代码时,不同类型的语句或关键字用不同的颜色和样式突出显示,以...
根据提供的信息,我们可以详细阐述关于兼容IE和Firefox的JavaScript复制代码的知识点,并且解释如何使用ID对应的方式来实现点击复制特定内容的功能。 首先,传统的JavaScript中,复制内容到剪贴板可以通过多种方法...
为了提升用户体验并简化操作流程,本文将介绍两种使用JavaScript实现复制功能的方法,并针对每种方法提供详细的代码示例与解析。 #### 二、方法 在本文中,我们将探讨两种实现复制功能的技术方案。尽管这两种方法都...
标题中的“js在不同浏览器中复制代码的实现”是指JavaScript如何在不同的Web浏览器环境下实现文本复制功能,这在很多网站的代码分享、示例展示中非常常见。在Web开发中,用户经常需要复制代码块,而JavaScript提供了...
### VUE.js 清晰可复制代码版:全面解析与实战指南 #### 一、概述 本书《VUE.js 清晰可复制代码版》旨在为读者提供一个全面且易于理解的学习路径,从基础概念到高级特性,再到实战案例,全方位覆盖Vue.js 2的相关...
### JavaScript复制内容到剪贴板的知识点: 1. **获取复制的对象**: 使用`document.getElementById()`函数可以获取页面中ID对应的DOM元素。例如: ```javascript var e = document.getElementById("contents");...
复制代码 ``` 接下来,我们需要使用clipboard.js初始化这个按钮,并指定要复制的目标元素: ```javascript var clipboard = new ClipboardJS('.copy-button', { target: function(trigger) { return trigger....
对于“复制代码”功能,JavaScript可以通过`document.execCommand('copy')`方法实现,先选中代码,然后调用此方法将代码复制到剪贴板。确保代码被选中,可以使用`element.select()`或`window.getSelection()....
JavaScript 小游戏代码汇总 JavaScript 是一种广泛使用的脚本语言,常用于开发 web 应用程序尤其是游戏开发。以下是 JavaScript 小游戏代码汇总的知识点: 1. HTML 基础:代码开头使用的 `<!DOCTYPE html>` 声明...
在IT行业中,代码运行、复制和下载是...通过`index.html`和`code.js`这样的文件组合,我们可以构建交互式的代码示例,使用户能够实时看到代码效果,方便地复制代码,以及轻松地下载资源,从而提升用户体验和开发效率。
【支付宝红包口令自动复制代码】是一个针对支付宝红包口令的自动化工具,旨在帮助用户快速复制红包口令,提高操作效率。在这个压缩包文件中,包含两个主要元素:`投稿和资源声明.txt`以及`支付宝红包口令自动复制...
一键复制微信号,适用web端,移动端,微信端,亲测有效,直接下载直接上手,很方便使用,分享给大家。移动端复制微信代码-跳转微信代码-微信复制代码-点击复制微信号。
在编程和学习技术的过程中,我们经常需要从网上复制代码片段以供参考或使用。然而,很多在线代码分享平台为了格式化展示,会在代码块前添加序列号,这在实际使用时可能会造成不便,比如当你尝试将这些代码粘贴到文本...
JavaScript Obfuscator就是这样一个工具,它能够将清晰可读的JS代码转化为一系列难以解析的表达式和变量名,从而增加逆向工程的难度。 JavaScript Obfuscator的工作原理主要包括以下几个步骤: 1. 变量和函数...
最常用的代码,不需要多浏览器都兼容,但代码比较简洁,也不用很多的js与flash function ...如果你需要这个兼容多浏览器的js复制代码功能可以参考这篇文章: //www.jb51.net/article/76769.htm <titl
JS,全称JavaScript,有时也被简称为JS,是基于ECMAScript规范的一种解释型、弱类型、动态类型的编程语言。JavaScript代码生成器就是一种能够帮助开发者快速生成JavaScript代码的工具,它可以极大提高开发效率,减少...