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


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代码
Dec 15 Javascript
JavaScript中的事件委托及好处
Jul 12 Javascript
更靠谱的H5横竖屏检测方法(js代码)
Sep 13 Javascript
运用js教你轻松制作html音乐播放器
Apr 17 Javascript
JavaScript ES6中CLASS的使用详解
Nov 22 Javascript
angular学习之ngRoute路由机制
Apr 12 Javascript
angular.fromJson与toJson方法用法示例
May 17 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
Sep 14 Javascript
Vue实现移动端左右滑动效果的方法
Nov 27 Javascript
Windows下安装 node 的版本控制工具 nvm
Feb 06 Javascript
Vue 防止短时间内连续点击后多次触发请求的操作
Nov 11 Javascript
JavaScript 声明私有变量的两种方式
Feb 05 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入门源程序
2006/10/09 PHP
php地址引用(php地址引用的效率问题)
2012/03/23 PHP
关于file_get_contents返回为空或函数不可用的解决方案
2013/06/24 PHP
PHP获取数组的键与值方法小结
2015/06/13 PHP
php类中的$this,static,final,const,self这几个关键字使用方法
2015/12/14 PHP
PHP判断FORM表单或URL参数来的数据是否为整数的方法
2016/03/25 PHP
js验证表单第二部分
2006/11/25 Javascript
css把超出的部分显示为省略号的方法兼容火狐
2008/07/23 Javascript
javascript Ext JS 状态默认存储时间
2009/02/15 Javascript
日期 时间js控件
2009/05/07 Javascript
Prototype 工具函数 学习
2009/07/23 Javascript
根据出生日期自动取得星座的js代码
2010/07/20 Javascript
EXTjs4.0的store的findRecord的BUG演示代码
2013/06/08 Javascript
jQuery中获取Radio元素值的方法
2013/07/02 Javascript
jQuery获得子元素个数的方法
2015/04/14 Javascript
javascript中undefined与null的区别
2015/08/16 Javascript
JS+CSS实现仿雅虎另类滑动门切换效果
2015/10/13 Javascript
Vue.js每天必学之数据双向绑定
2016/09/05 Javascript
使用jquery给新生的th绑定hover事件的实例
2017/02/10 Javascript
javascript实现table单元格点击展开隐藏效果(实例代码)
2017/04/10 Javascript
Node.js 利用cheerio制作简单的网页爬虫示例
2018/03/01 Javascript
layer.close()关闭进度条和Iframe窗的方法
2018/08/17 Javascript
详解vue 数组和对象渲染问题
2018/09/21 Javascript
JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】
2020/05/12 Javascript
gearman的安装启动及python API使用实例
2014/07/08 Python
利用python求相邻数的方法示例
2017/08/18 Python
python正则表达式及使用正则表达式的例子
2018/01/22 Python
详解Numpy中的广播原则/机制
2018/09/20 Python
Pandas时间序列重采样(resample)方法中closed、label的作用详解
2019/12/10 Python
解决Python Matplotlib绘图数据点位置错乱问题
2020/05/16 Python
python制作微博图片爬取工具
2021/01/16 Python
HomeAway的巴西品牌:Alugue Temporada
2018/04/10 全球购物
乡镇纠风工作实施方案
2014/03/22 职场文书
2015财务年终工作总结范文
2015/05/22 职场文书
聘用合同范本
2015/09/21 职场文书
Redis特殊数据类型HyperLogLog基数统计算法讲解
2022/06/01 Redis