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


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中expression的用法整理
May 13 Javascript
JQuery插件jcarousellite的参数中文说明
May 11 Javascript
javascript实现滚动效果的数字时钟实例
Jul 21 Javascript
AngularJS 单元测试(一)详解
Sep 21 Javascript
扩展Bootstrap Tooltip插件使其可交互的方法
Nov 07 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
Jan 17 Javascript
jQuery实现链接的title快速出现的方法
Feb 20 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
Apr 28 Javascript
Element-UI踩坑之Pagination组件的使用
Oct 29 Javascript
webpack file-loader和url-loader的区别
Jan 15 Javascript
JavaScript深入V8引擎以及编写优化代码的5个技巧
Jun 24 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循环创建目录示例分享(php创建多级目录)
2014/03/04 PHP
PHP rsa加密解密使用方法
2015/04/27 PHP
php导出生成word的方法
2015/12/25 PHP
laravel清除视图缓存的代码
2019/10/23 PHP
js获取单元格自定义属性值的代码(IE/Firefox)
2010/04/05 Javascript
XMLHTTP 乱码的解决方法(UTF8,GB2312 编码 解码)
2011/01/12 Javascript
javascript操作JSON的要领总结
2012/12/09 Javascript
jQuery操作Select选择的Text和Value(获取/设置/添加/删除)
2013/03/06 Javascript
删除javascript中注释语句的正则表达式
2014/06/11 Javascript
js实现遮罩层弹出框的方法
2015/01/15 Javascript
Javascript URI 解析介绍
2015/03/15 Javascript
使用coffeescript编写node.js项目的方法汇总
2015/08/05 Javascript
jqGrid中文文档之选项设置
2015/12/02 Javascript
JavaScript中instanceof运算符的使用示例
2016/06/08 Javascript
fullpage.js全屏滚动插件使用实例
2016/09/06 Javascript
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
2017/03/03 Javascript
Angular.JS中的指令引用template与指令当做属性详解
2017/03/30 Javascript
vue+iview+less+echarts实战项目总结
2018/02/22 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
2018/03/13 Javascript
vue-router 源码实现前端路由的两种方式
2018/07/02 Javascript
JS/jQuery实现简单的开关灯效果【案例】
2019/02/19 jQuery
简单实现节流函数和防抖函数过程解析
2019/10/08 Javascript
原生js实现密码强度验证功能
2020/03/18 Javascript
Python实现公历(阳历)转农历(阴历)的方法示例
2017/08/22 Python
对Python中内置异常层次结构详解
2018/10/18 Python
Python Django基础二之URL路由系统
2019/07/18 Python
Python定时任务框架APScheduler原理及常用代码
2020/10/05 Python
大学本科生的个人自我评价
2013/12/09 职场文书
声乐专业大学生职业生涯规划书:理想的未来需要自己去打造
2014/09/20 职场文书
2014县政府领导班子三严三实对照检查材料思想汇报
2014/09/26 职场文书
入党政审材料范文
2014/12/24 职场文书
会议欢迎词
2015/01/23 职场文书
农业项目合作意向书
2015/05/08 职场文书
力克胡哲观后感
2015/06/10 职场文书
Python实现智慧校园自动评教全新版
2021/06/18 Python
Python 处理表格进行成绩排序的操作代码
2021/07/26 Python