复制网页内容,粘贴之后自动加上网址的实现方法(脚本之家特别整理)


Posted in Javascript onOctober 16, 2014

没想到无心的一个功能,现在已经被大家传的如此猛烈,想当初我们发布出去以后,第二天就发现很多网站都加上了这个功能,有点后悔了,要不我们的外链就会更多了。当然也有反感的,工具是好的就看用的人了。

今天搜索发现还是有很多朋友喜欢这个功能的,这里三水点靠木小编继续为大家来个特色整理的版本,大家可以根据需要选择使用。

打开有些网站,当我们浏览某些文章的时候,觉得很好,因此,常常将这些网站的文章进行复制;

之后,粘贴到Word或记事本里面,保存起来,在贯彻落实“拿来主义”的同时,将其“占为己有”!
如果您是一个像小蜜蜂一样的站长,每天都勤劳,每日都像老牛一样耕耘,那么,当您的网站内容被别人无端占有却未注明文章来源地址时,我想,您一定会火起来!

因此,为避免这种情况的发生,很多站长都这么做!

给网页加上这样的功能,当别人复制网站内容之后,粘贴到Word或记事本等软件里面的时候,会自动加上网站地址或文章来源的详细地址!

如果您也遇到这样的情况,请随俺一起学习,如何做到这样的效果!

实现方法:

方法非常的简单,使用如下的代码即可!

<script type="text/javascript">

document.body.oncopy = function () { 

 setTimeout( function () { 

  var text = clipboardData.getData("text");

  if (text) { 

   text = text + "\r\n文章来自: 网站名称(https://3water.com)  详文参考:"+location.href; clipboardData.setData("text", text);

  } 

    }, 100 ) 

}

</script>

将以上的代码,复制,之后粘贴到您的网站的相应的页面将可!

注意:此代码一般放在<body>区域中,或者有选择的放在某个地方也行!

知识扩展:

以上的代码虽然能防止复制之后自动加上网址,但是,灵活性不大,以后要修改或做任何的改动,非得修改这样的代码不可,那么,我们可以使用在页面中引入JS文件的方法来实现灵活的功能!

打开记事本,之后在里面复制如下的内容进行粘贴(此代码与上述代码类似,但是不相同,请注意):

document.body.oncopy = function () { 

 setTimeout( function () { 

  var text = clipboardData.getData("text");

  if (text) { 

   text = text + "\r\n文章来自: 三水点靠木(https://3water.com) 文章地址:"+location.href; clipboardData.setData("text", text);

  } 

    }, 100 ) 

}

之后,将其保存成为XX.js这样的文件,保存在网站相应目录中!

最后,在页面中引入如上的XX.js文件即可,如下,为引用的示例代码:

<script src="DataFiles/Java/AddMyUrl.js" type="text/jscript"></script>

以上红颜色的代码,就是引用的示例代码!

注,引入的代码,一般放在文章内容的后面,在</body>之前!

我们上面的代码都是通过js获取剪切板的内容,而下面这个是通过js获取选择的内容进行的,功能是一样的。不过用这个的不多。

Javascript 相关文章推荐
JS 动态获取节点代码innerHTML分析 [IE,FF]
Nov 30 Javascript
JavaScript中URL编码函数代码
Jan 11 Javascript
下载文件个别浏览器文件名乱码解决办法
Mar 19 Javascript
JavaScript调用后台的三种方法实例
Oct 17 Javascript
jquery超简单实现手风琴效果的方法
Jun 05 Javascript
Boostrap基础教程之JavaScript插件篇
Sep 08 Javascript
javascript显示系统当前时间代码
Dec 29 Javascript
浅谈Vue.js应用的四种AJAX请求数据模式
Aug 30 Javascript
Vue微信项目按需授权登录策略实践思路详解
May 07 Javascript
详解使用element-ui table组件的筛选功能的一个小坑
Nov 02 Javascript
JS中实现一个下载进度条及播放进度条的代码
Jun 10 Javascript
Vue实现剪贴板复制功能
Dec 31 Javascript
jquery获取radio值实例
Oct 16 #Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
Oct 16 #Javascript
javascript实现复制与粘贴操作实例
Oct 16 #Javascript
JavaScript字符串对象split方法入门实例(用于把字符串分割成数组)
Oct 16 #Javascript
JavaScript字符串对象slice方法入门实例(用于字符串截取)
Oct 16 #Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
Oct 16 #Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
Oct 16 #Javascript
You might like
php file_put_contents()功能函数(集成了fopen、fwrite、fclose)
2011/05/24 PHP
ThinkPHP使用心得分享-分页类Page的用法
2014/05/15 PHP
PHP PDOStatement对象bindpram()、bindvalue()和bindcolumn之间的区别
2014/11/20 PHP
怎样搭建PHP开发环境
2015/07/28 PHP
PHP环形链表实现方法示例
2017/09/15 PHP
PDO::errorInfo讲解
2019/01/28 PHP
js用图作提交按钮或超连接
2008/03/26 Javascript
运用jquery实现table单双行不同显示并能单行选中
2009/07/25 Javascript
Javascript 倒计时源代码.(时.分.秒) 详细注释版
2011/05/09 Javascript
JavaScript的各种常见函数定义方法
2014/09/16 Javascript
javascript性能优化之事件委托实例详解
2015/12/12 Javascript
easyui validatebox验证
2016/04/29 Javascript
jQuery中页面返回顶部的方法总结
2016/12/30 Javascript
JS设置随机出现2个数字的实例代码
2017/07/19 Javascript
js分页之前端代码实现和请求处理
2017/08/04 Javascript
基于bootstrap写的一点localStorage本地储存
2017/11/21 Javascript
详解微信小程序的不同函数调用的几种方法
2019/05/08 Javascript
vue用BMap百度地图实现即时搜索功能
2019/09/26 Javascript
微信小程序canvas分享海报功能
2019/10/31 Javascript
vue 动态表单开发方法案例详解
2019/12/02 Javascript
[02:14]DOTA2英雄基础教程 修补匠
2013/12/23 DOTA
[41:08]2014 DOTA2国际邀请赛中国区预选赛 HGT VS NE
2014/05/22 DOTA
python批量修改文件编码格式的方法
2018/05/31 Python
对python Tkinter Text的用法详解
2018/10/11 Python
python中urllib.request和requests的使用及区别详解
2020/05/05 Python
详解Anaconda 的安装教程
2020/09/23 Python
PyCharm2020最新激活码+激活码补丁(亲测最新版PyCharm2020.2激活成功)
2020/11/25 Python
Kmeans均值聚类算法原理以及Python如何实现
2020/09/26 Python
使用HTML5 Canvas API中的clip()方法裁剪区域图像
2016/03/25 HTML / CSS
HTML5高仿微信聊天、微信聊天表情|对话框|编辑器功能
2018/04/23 HTML / CSS
LookFantastic丹麦:英国美容护肤精品在线商城
2016/08/18 全球购物
大学班长的职责
2014/01/27 职场文书
2016年小学党支部创先争优活动总结
2016/04/05 职场文书
原来实习报告是这样写的呀!
2019/07/03 职场文书
缓存替换策略及应用(以Redis、InnoDB为例)
2021/07/25 Redis
MySQL的存储函数与存储过程的区别解析
2022/04/08 MySQL