[Javascript]利用js的clipboardData讓Blog文章有引用網址的小技巧

2008-10-16

12069
0
ASP.NET

最近看文章,剛好看到chhuang大大的Blog舊站"瓶水相逢"
文章最下裡有引用URL的小功能,可以快速複製文章的網址
偷偷看了一下裡面的語法...小弟做的範例介紹如何使用呀..

最近看文章,剛好看到chhuang大大的Blog舊站"瓶水相逢"

文章最下裡有引用URL的小功能,可以快速複製文章的網址

偷偷看了一下裡面的語法...小弟做的範例介紹如何使用呀..

clipboardData.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="clipboardData.aspx.cs" Inherits="clipboardData" %> <!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 runat="server"> <title>clipboardData</title> </head> <body> <form id="form1" runat="server"> <div> <div id='myUrl'><a href='#' onclick="CopyText();return false;">複製網址</a></div> </div> </form> </body> </html> <script type="text/javascript"> //複製網址 function CopyText() { var text2copy = window.location.href; if (window.clipboardData) { window.clipboardData.setData("Text",text2copy); alert('該文章引用網址已複製到系統剪貼簿。'); } else { var flashcopier = 'flashcopier'; if(!document.getElementById(flashcopier)) { var divholder = document.createElement('div'); divholder.id = flashcopier; document.body.appendChild(divholder); } document.getElementById(flashcopier).innerHTML = ''; var divinfo = '<embed src="http://blog.roodo.com/_img/clipboard.swf" FlashVars="clipboard='+escape(text2copy)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>'; document.getElementById(flashcopier).innerHTML = divinfo; alert('該文章引用網址已複製到系統剪貼簿。'); } } document.getElementById('myUrl').innerHTML = window.location.href + "  " + document.getElementById('myUrl').innerHTML; </script>

套用在我的Blog裡的結果:

參考網址:

http://blog.roodo.com/chhuang/archives/5806319.html

回首頁