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


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 相关文章推荐
firefox中JS读取XML文件
Dec 21 Javascript
JS+CSS实现带关闭按钮DIV弹出窗口的方法
Feb 27 Javascript
js模拟淘宝网的多级选择菜单实现方法
Aug 18 Javascript
js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法
Feb 19 Javascript
JavaScript和jQuery制作光棒效果
Feb 24 Javascript
vue实现密码显示隐藏切换功能
Feb 23 Javascript
基于jquery实现左右上下移动效果
May 02 jQuery
关于微信小程序登录的那些事
Jan 08 Javascript
Jquery属性的获取/设置及样式添加/删除操作技巧分析
Dec 23 jQuery
JS运算符简单用法示例
Jan 19 Javascript
JavaScript单线程和任务队列原理解析
Feb 04 Javascript
解决vue prop传值default属性如何使用,为何不生效的问题
Sep 21 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
收音机怀古---春雷3P7图片欣赏
2021/03/02 无线电
php中explode与split的区别介绍
2012/10/03 PHP
PHP实现求解最长公共子串问题的方法
2017/11/17 PHP
基于jQuery的可以控制左右滚动及自动滚动效果的代码
2010/07/25 Javascript
基于jquery的可多选的下拉列表框
2012/07/20 Javascript
js中自定义方法实现停留几秒sleep
2014/07/11 Javascript
NodeJS学习笔记之FS文件模块
2015/01/13 NodeJs
javascript中setAttribute()函数使用方法及兼容性
2015/07/19 Javascript
javascript实现简单的页面右下角提示信息框
2015/07/31 Javascript
WEB前端开发都应知道的jquery小技巧及jquery三个简写
2015/11/15 Javascript
javascript中对Date类型的常用操作小结
2016/05/19 Javascript
zepto与jquery的区别及zepto的不同使用8条小结
2016/07/28 Javascript
微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】
2016/11/25 Javascript
浅谈js使用in和hasOwnProperty获取对象属性的区别
2017/04/27 Javascript
基于zTree树形菜单的使用实例
2017/12/25 Javascript
JavaScript 五大常见函数
2018/03/23 Javascript
vue 中Virtual Dom被创建的方法
2019/04/15 Javascript
ES6函数实现排它两种写法解析
2020/05/13 Javascript
[00:47]TI7不朽珍藏III——沙王不朽展示
2017/07/15 DOTA
python中学习K-Means和图片压缩
2017/11/20 Python
Python利用turtle库绘制彩虹代码示例
2017/12/20 Python
Python实现的三层BP神经网络算法示例
2018/02/07 Python
Python实现将json文件中向量写入Excel的方法
2018/03/26 Python
Django 用户认证组件使用详解
2019/07/23 Python
python字符串常用方法及文件简单读写的操作方法
2020/03/04 Python
Python并发请求下限制QPS(每秒查询率)的实现代码
2020/06/05 Python
Python控制鼠标键盘代码实例
2020/12/08 Python
python 基于selectors库实现文件上传与下载
2020/12/31 Python
行政主管岗位职责
2013/11/18 职场文书
开业典礼主持词
2014/03/21 职场文书
倡议书格式范文
2014/04/14 职场文书
网吧消防安全责任书
2014/07/29 职场文书
党政领导班子四风问题对照检查材料思想汇报
2014/10/02 职场文书
2015年元宵节活动总结
2015/02/06 职场文书
2015年小学数学教研组工作总结
2015/05/21 职场文书
python plt.plot bar 如何设置绘图尺寸大小
2021/06/01 Python