Wordpress主题交流群:565616228 进群记得看公告!

js实现复制网页内容时加文章地址版权

文章目录
  1. 功能代码

这个功能就是在别人复制你网站文章内容时,自动在内容的尾端添加一段版权文本加当前页面的链接,在这个不注重版权的盗版时代,用一些小技巧可能会有一些效果哦。

功能代码

  1. <script type='text/javascript'>
  2. function addLink() {
  3.     var body_element = document.getElementsByTagName('body')[0];
  4.     var selection;
  5.     selection = window.getSelection();
  6.     var pagelink = "<br /><br />本文来源:<a href='"+document.location.href+"'>"+document.location.href+"</a>";
  7. //+document.location.href+当前页面链接
  8.     var copy_text = selection + pagelink;
  9.     var new_div = document.createElement('div');
  10.     new_div.style.left='-99999px';
  11.     new_div.style.position='absolute';
  12.     body_element.appendChild(new_div );
  13.     new_div.innerHTML = copy_text ;
  14.     selection.selectAllChildren(new_div );
  15.     window.setTimeout(function() {
  16.         body_element.removeChild(new_div );
  17.     },0);
  18. }
  19. document.oncopy = addLink;
  20. </script>

效果就参考本站吧,我已经把代码布局到我的博客了,不过我用的js文件引入到文章页面然后添加了异步加载的方式,完全不会影响到网站的访问速度,关于如何实现异步加载js可以参考《wordpress实现异步加载js的方法

下面我把wordpress的布局方法也贴出来吧,很简单就是在代码外面添加一个php判断,然后用钩子添加到文章页面。

  1. function add_copyright_text() { ?>
  2. /**上面的js代码**/
  3. <script type='text/javascript'>
  4. </script>
  5. /**上面的js代码我就不重复了**/
  6. <?php}
  7. if ( is_single() ) {
  8. add_action( 'wp_footer', 'add_copyright_text');
  9. } ?>

好了,就是这么简单大家需要的话赶紧收藏下来吧!

来源:本文由晨星博客原创撰写,欢迎分享本文,转载请保留出处和链接!
评论广告

0条评论

评论已关闭!