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


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 相关文章推荐
JavaScript中的noscript元素属性位置及作用介绍
Apr 11 Javascript
Node.js中使用mongoskin操作mongoDB实例
Sep 28 Javascript
js实现发送验证码后的倒计时功能
May 28 Javascript
javascript实现输出指定行数正方形图案的方法
Aug 03 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
Nov 26 Javascript
javascript设置页面背景色及背景图片的方法
Dec 29 Javascript
javascript轮播图算法
Oct 21 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
Dec 20 Javascript
js实现添加删除表格(两种方法)
Apr 27 Javascript
Vue2 使用 Echarts 创建图表实例代码
May 18 Javascript
vue+element实现表单校验功能
May 20 Javascript
JavaScript实现通讯录功能
Dec 27 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 简单日历实现代码
2009/10/28 PHP
PHP session有效期session.gc_maxlifetime
2011/04/20 PHP
深入php list()函数的详解
2013/06/05 PHP
PHP结合jquery ajax实现上传多张图片,并限制图片大小操作示例
2019/03/01 PHP
关于window.pageYOffset和document.documentElement.scrollTop
2011/04/05 Javascript
Javascript中的包装类型介绍
2015/04/02 Javascript
javascript中if和switch,==和===详解
2015/07/30 Javascript
两种JS实现屏蔽鼠标右键的方法
2020/08/20 Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
2015/10/23 Javascript
jquery结合html实现中英文页面切换
2016/11/29 Javascript
Bootstrap滚动监听组件scrollspy.js使用方法详解
2017/07/20 Javascript
深入理解基于vue-cli的vuex配置
2017/07/24 Javascript
Vue导出json数据到Excel电子表格的示例
2017/12/04 Javascript
Angular 开发学习之Angular CLI的安装使用
2017/12/31 Javascript
Vue中使用vee-validate表单验证的方法
2018/05/09 Javascript
JavaScript基础教程之如何实现一个简单的promise
2018/09/11 Javascript
[04:37]DOTA2英雄梦之声Vol20发条
2014/06/20 DOTA
[01:22:19]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第二场 6.2
2018/06/03 DOTA
Windows8下安装Python的BeautifulSoup
2015/01/22 Python
Python通过PIL获取图片主要颜色并和颜色库进行对比的方法
2015/03/19 Python
使用Python3 编写简单信用卡管理程序
2016/12/21 Python
Python简单实现的代理服务器端口映射功能示例
2018/04/08 Python
python 把文件中的每一行以数组的元素放入数组中的方法
2018/04/29 Python
PyQt5 pyqt多线程操作入门
2018/05/05 Python
Python采集猫眼两万条数据 对《无名之辈》影评进行分析
2018/12/05 Python
tensorflow保持每次训练结果一致的简单实现
2020/02/17 Python
python计算Content-MD5并获取文件的Content-MD5值方式
2020/04/03 Python
解决Jupyter Notebook使用parser.parse_args出现错误问题
2020/04/20 Python
Bose加拿大官方网站:美国知名音响品牌
2019/03/21 全球购物
美国台面电器和厨具品牌:KitchenAid
2019/04/12 全球购物
中医临床专业自我鉴定范文
2014/01/15 职场文书
奉献家乡演讲稿
2014/09/13 职场文书
2014年自愿离婚协议书
2014/10/10 职场文书
出国留学导师推荐信
2015/03/26 职场文书
2015年幼儿教育工作总结
2015/07/24 职场文书
javascript数组includes、reduce的基本使用
2021/07/02 Javascript