分享几个复制网页标题链接的html小代码

分享几个复制网页标题链接的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就可以看到效果。

标签:广告

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.liangtzi.net/index.php/post/210.html