JS在内容前后添加隐藏域名防止采集

很多网站的作者尤其是博客作者,站里的文章有一些是自己辛苦手打原创的学习心得、实用教程等

虽然发布出来就是为了互联网的共享精神,也欢迎大家的复制转载,但是很多人不懂得尊重别人的劳动。往往复制之后不带原文的版权,甚至冒充自己的原创,很是让人无语。

当然也有一些人只是懒得添加原文链接,对此我们可以在个人网站中加复制时末尾添加版权功能。

不过这个方法也只是防君子不防小人,人家给你删掉或者直接采集就能去掉你的版权信息。

针对这种情况,我又想到了可以在文中添加隐藏的版权信息来防止采集。只需要两条js代码即可在文中前后添加透明的文字信息。

被采集或者转载文章的人不注意就会帮你做一条外链了。

例如👇👇👇

JS在内容前后添加隐藏域名防止采集插图JS在内容前后添加隐藏域名防止采集插图1

复制时末尾添加版权

<script type="text/javascript">
var Sys = {};
var ua = navigator.userAgent.toLowerCase();
if( window.ActiveXObject ){
    document.body.oncopy = function(){
        event.returnValue = false;
        var t=document.selection.createRange().text;
        var s=" 原文链接:"+location.href;
        clipboardData.setData('Text',t+'\r\n'+s);
    };
}else{
    function addLink(){
        var body_element = document.getElementsByTagName('body')[0];
        var selection;
        selection = window.getSelection();
        var pagelink = " 原文链接:"+location.href;
        var copytext = selection + pagelink;
        var newdiv = document.createElement('div');
        newdiv.style.position='absolute';
        newdiv.style.left='-99999px';
        body_element.appendChild(newdiv);
        newdiv.innerHTML = copytext;
        selection.selectAllChildren(newdiv);
        window.setTimeout(function(){body_element.removeChild(newdiv);},0);
    }
    document.oncopy = addLink;
}
</script>

文中前后添加自定义域名

<script>
$(".entry-wrapper").prepend("<p style='color: #ffffff00;'>更多精彩内容请访问:www.mysqlschool.cn</p>");
$("<p style='color: #ffffff00;'>更多精彩内容请访问:www.mysqlschool.cn</p>").insertBefore($(".post-note"));
</script>

js中常用追加元素的几种方法

<script>  
	$(function(){  
		//append(),在父级最后追加一个子元素  
		$(".append").click(function(){  
			$("#wrap").append("<p class='three'>我是子元素append</p>");  
		});  

		//appendTo(),将子元素追加到父级的最后  
		$(".appendTo").click(function(){  
			$("<p class='three'>我是子元素appendTo</p>").appendTo($("#wrap"));  
		});  

		//prepend(),在父级最前面追加一个子元素  
		$(".prepend").click(function(){  
			$("#wrap").prepend("<p class='three'>我是子元素prepend</p>");  
		});  

		//prependTo(),将子元素追加到父级的最前面  
		$(".prependTo").click(function(){  
			$("<p class='three'>我是子元素prependTo</p>").prependTo($("#wrap"));  
		});  

		//after(),在当前元素之后追加(是同级关系)  
		$(".after").click(function(){  
			$("#wrap").after("<p class='siblings'>我是同级元素after</p>");  
		});  

		//before(),在当前元素之前追加(是同级关系)  
		$(".before").click(function(){  
			$("#wrap").before("<p class='siblings'>我是同级元素before</p>");  
		});  

		//insertAfter(),将元素追加到指定对象的后面(是同级关系)  
		$(".insertAfter").click(function(){  
			$("<p class='three'>我是同级元素insertAfter</p>").insertAfter($("#wrap"));  
		});  
		//insertBefore(),将元素追加到指定对象的前面(是同级关系)  
		$(".insertBefore").click(function(){  
			$("<p class='three'>我是同级元素insertBefore</p>").insertBefore($("#wrap"));  
		});  
	});   
      
    //appendChild(),在节点的最后追加子元素  
	function appChild(){  
		// 创建p节点  
		var para=document.createElement("p");  
		// 创建文本节点  
		var node=document.createTextNode("我是子集appendChild新段落。");  
		// 把文本节点添加到p节点里  
		para.appendChild(node);  

		// 查找div1  
		var element=document.getElementById("wrap");  
		// 把p节点添加到div1里  
		element.appendChild(para);  
	}  
</script>  

发表评论

后才能评论

评论(1)