分享几个复制网页标题链接的html小代码
1、变换效果。复制成功后会变成另一文本显示。代码如下:
<script language="JavaScript" type="text/javascript">function CopyURL(){var myHerf=top.location.href;var title=document.title;if(window.clipboardData){var tempCurLink=title + "\n" + myHerf;var ok=window.clipboardData.setData("Text",tempCurLink);if(ok)document.getElementById("tishi").innerHTML = "复制成功 ";}else{alert("可以复制链接");}}</script><a name="tishi" class="copyUrl" onclick="CopyURL();" / title="复制本文链接">复制链接</a>
2、只复制当前页面的地址,复制后会弹出提示框。代码如下:
<script type="text/javascript">
var Url = document.URL;
function copyUrl()
{
window.clipboardData.setData("Text",Url );
alert("复制成功!文章地址:" + Url);
}
</script><a title="复制本文链接" rel="nofollow" href="JavaScript: copyUrl()">复制链接</a>
3、比较好点的显示效果,非IE时有错误提示。代码如下:
<script language="JavaScript" type="text/javascript">
function CopyURL(){
var myHerf=top.location.href;
var title=document.title;
if(window.clipboardData){
var tempCurLink=title + "\n" + myHerf;
var ok=window.clipboardData.setData("Text",tempCurLink);
if(ok) alert("复制成功!");
}else{alert("对不起,目前此功能只支持IE浏览器!");}
}
</script>
<input name="button" type="button" class="copyUrl" onclick="CopyURL();" value="复制标题和链接" />
4、本站(新乡网站优化、新乡SEO探究)使用的复制网页标题和链接的代码。代码如下:
(<INPUT name="button" type="image" title="复制本文标题和链接,发给QQ\Msn\Email上的好友!" onClick="copyurl()" value="复制本文标题和链接到剪贴板" src="http://www.liangtzi.net/images/130x23_28938203.jpg"><SPAN id="copyshow"></SPAN>
<script>
function copyurl()
{
var
clipBoardContent=document.title;
clipBoardContent+="\r\n";
strHref = window.location.href;
strUrl = strHref.split("?");
clipBoardContent += strUrl[0];
if (window.clipboardData){
if(window.clipboardData.setData("Text",clipBoardContent)){
document.getElementById('copyshow').innerHTML = ' <font color="green">复制成功,请粘贴到QQ\\MSN\\电子邮件发送给好友</font>';
}
}
else{
document.getElementById('copyshow').innerHTML = ' <font color="red">您使用的浏览器不支持此功能,请到地址栏复制链接</font>';
}
}
</script>
)
依次复制以上代码到记事本,后缀改为html就可以看到效果。