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


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 相关文章推荐
jQuery 表单验证插件formValidation实现个性化错误提示
Jun 23 Javascript
JavaScript实现列表分页功能特效
May 15 Javascript
浅谈angular懒加载的一些坑
Aug 20 Javascript
javascript内存分配原理实例分析
Apr 10 Javascript
基于Vue.js实现tab滑块效果
Jul 23 Javascript
基于JavaScript实现图片连播和联级菜单实例代码
Jul 28 Javascript
Angularjs上传文件组件flowjs功能
Aug 07 Javascript
微信小程序实现导航栏选项卡效果
Jun 19 Javascript
JavaScript Math对象和调试程序的方法分析
May 13 Javascript
基于js判断浏览器是否支持webGL
Apr 18 Javascript
js实现纯前端压缩图片
Nov 16 Javascript
Vue实现购物小球抛物线的方法实例
Nov 22 Vue.js
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中的string类型使用说明
2010/07/27 PHP
xml在joomla表单中的应用详解分享
2012/07/19 PHP
Yii框架参数化查询中IN查询只能查询一个的解决方法
2017/05/20 PHP
Thinkphp5.0 框架Model模型简单用法分析
2019/10/11 PHP
php 多个变量指向同一个引用($b = &amp;$a)用法分析
2019/11/13 PHP
定义select的边框颜色
2008/04/28 Javascript
Javascript学习笔记5 类和对象
2010/01/11 Javascript
js数组转json并在后台对其解析具体实现
2013/11/20 Javascript
javascript的propertyIsEnumerable()方法使用介绍
2014/04/09 Javascript
javascript作用域和闭包使用详解
2014/04/25 Javascript
使用CamanJS在Web页面上处理图像的技巧
2015/08/18 Javascript
JavaScript实现简洁的俄罗斯方块完整实例
2016/03/01 Javascript
零基础轻松学JavaScript闭包
2016/12/30 Javascript
微信小程序页面生命周期详解
2018/01/31 Javascript
vue实现多级菜单效果
2019/10/19 Javascript
vue 导航守卫和axios拦截器有哪些区别
2020/12/19 Vue.js
Python中zip()函数用法实例教程
2014/07/31 Python
Python使用迭代器打印螺旋矩阵的思路及代码示例
2016/07/02 Python
Python判断两个对象相等的原理
2017/12/12 Python
Python基于socket实现简单的即时通讯功能示例
2018/01/16 Python
python3实现网络爬虫之BeautifulSoup使用详解
2018/12/19 Python
Python 互换字典的键值对实例
2019/02/12 Python
python接口自动化(十七)--Json 数据处理---一次爬坑记(详解)
2019/04/18 Python
Python+Appium实现自动化测试的使用步骤
2020/03/24 Python
CSS3 完美实现圆角效果
2009/07/13 HTML / CSS
纯CSS实现的大小渐变、渐远效果
2014/04/15 HTML / CSS
Puritan’s Pride(普丽普莱)官方网站:美国最大最全的保健品公司之一
2016/10/23 全球购物
怎么可以提高数据库查询数据的速度
2014/06/28 面试题
项目管理计划书
2014/01/09 职场文书
导购员的岗位职责
2014/02/08 职场文书
幼儿园门卫岗位职责
2014/02/14 职场文书
学校领导班子四风对照检查材料
2014/09/27 职场文书
2014年村支部书记四风对照检查材料思想汇报
2014/10/02 职场文书
2016年学校招生广告语
2016/01/28 职场文书
《多彩的民间艺术》教学反思
2016/02/16 职场文书
求职自我评价参考范文
2019/05/16 职场文书