设为首页 | 加入收藏夹
您现在的位置:计算机基础知识首页 >> 网页平面flash >> 信息正文

网页设计中常见js复制代码

2012/4/21 11:45:36 作者:计算机基础知识试题 录入:应序康 访问:5785 次 被顶:2 次 字号:【
摘要:网页设计中经常会需要使用一些JS的复制代码,下面分享给大家常见js复制代码:1、复制专题地址和url地址input type='button' name='anniu1' onClick='copyToClipBoard()' value=...

网页设计中经常会需要使用一些JS的复制代码,下面分享给大家常见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://www.yingxukang.com" />
<input name=imgurl type=text size=32 value="http://www.yingxukang.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://www.yingxukang.com</span>  
[<a href="#" onclick="copyText(document.all.tbid)">点击复制</a>]<br/><br/>
<span id="tbid2">http://www.yingxukang.com</span>  
[<a href="#" onclick="copyText(document.all.tbid2)">点击复制</a>]<br/><br/>

参与评论
共有评论 0网友评论列表
CopyRight © 2009-2012 计算机基础知识 Inc.All Rights Reserved. 备案:苏ICP备09028880号