首頁 > web前端 > js教程 > 主體

複製網頁內容,貼上之後自動加上網址的實作方法(腳本之家特別整理)_javascript技巧

WBOY
發布: 2016-05-16 16:33:47
原創
1522 人瀏覽過

沒想到無心的一個功能,現在已經被大家傳的如此猛烈,想當初我們發佈出去以後,第二天就發現很多網站都加上了這個功能,有點後悔了,要不我們的外鏈就會更多了。當然也有反感的,工具是好的就看用的人了。

今天搜尋發現還是有很多朋友喜歡這個功能的,這裡腳本之家小編繼續為大家來個特色整理的版本,大家可以根據需要選擇使用。

打開有些網站,當我們瀏覽某些文章的時候,覺得很好,因此,常常將這些網站的文章進行複製;

之後,貼到Word或記事本裡面,保存起來,在貫徹落實「拿來主義」的同時,將其「佔為己有」!
如果您是像小蜜蜂一樣的站長,每天都勤勞,每日都像老牛一樣耕耘,那麼,當您的網站內容被別人無端佔有卻未註明文章來源地址時,我想,您一定會火起來!
  因此,為避免這種情況的發生,許多站長都這麼做!
  為網頁加上這樣的功能,當別人複製網站內容之後,貼到Word或記事本等軟體裡面的時候,會自動加上網站地址或文章來源的詳細地址!
  如果您也遇到這樣的情況,請隨俺一起學習,如何做到這樣的效果!

  實作方法:

  方法非常的簡單,使用如下的程式碼即可!

複製程式碼 程式碼如下:


  將以上的程式碼,複製,之後貼上到您的網站的相應的頁面將可!

  注意:此程式碼一般放在

區域中,或有選擇的放在某個地方也行!

  知識擴展:

  以上的程式碼雖然能防止複製之後自動加上網址,但是,靈活性不大,以後要修改或做任何的改動,非得修改這樣的程式碼不可,那麼,我們可以使用在頁面中引入JS文件的方法來實現靈活的功能!

  開啟記事本,之後在裡面複製如下的內容進行貼上(此程式碼與上述程式碼類似,但是不相同,請注意):

複製程式碼 程式碼如下:

document.body.oncopy = function () {
 setTimeout( function () {
  var text = clipboardData.getData("text");
  if (text) {
   text = text "rn文章來自: 腳本之家(http://www.jb51.net) 文章地址:" location.href; clipboardData.setData("text", text);
  }
    }, 100 )
}

  之後,將其保存成為XX.js這樣的文件,保存在網站相應目錄中!

  最後,在頁面中引入如上的XX.js檔案即可,如下,為引用的範例程式碼:

  以上紅顏色的程式碼,就是引用的範例程式碼!

  註,引入的程式碼,一般放在文章內容的後面,在之前!

我們上面的程式碼都是透過js取得剪切板的內容,而下面這個是透過js取得選擇的內容進行的,功能是一樣的。不過用這個的不多。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板