欢迎访问晨星博客!

  • 当前位置: 首页 Web前端 正文

    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. } ?>

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

    声明:原创文章请勿转载,如需转载请注明出处!

    • 共 2 条评论

    请登陆后再发表您的观点吧!

    最新评论

    账号登陆

    快捷登陆