FFan丶Blog / 部分JS效果 / / 一些JS小技巧

一些JS小技巧

分类:部分JS效果 发布时间:2022-08-15 09:25:10来源:FFan丶Blog
屏蔽 IE 浏览器 //Kill XP and IE8 (function() {     var ua = navigator.userAgent;     var res = /Windows NT (\\d+\\.\\d+)/.exec(ua);     var xpOrLower = res && JSON.parse(res[1]) < 6;...

屏蔽 IE 浏览器

//Kill XP and IE8

(function() {

    var ua = navigator.userAgent;

    var res = /Windows NT (\d+\.\d+)/.exec(ua);

    var xpOrLower = res && JSON.parse(res[1]) < 6;

    res = /MSIE (\d+\.\d+)/.exec(ua);

    var ie8OrLower = res && JSON.parse(res[1]) < 9;

    if (xpOrLower || ie8OrLower) {

        alert("请不要用XP及之前的Windows系统,和IE8及之前的IE浏览器访问本站!");

        location.href = "about:blank";

    }

})();


屏蔽百度搜索

var fromBaiduSE = /^https?:\/\/www.baidu.com/.test(document.referrer);

if (fromBaiduSE) {

    alert("检测到你还在使用百度搜索,作为一个程序员,这是一种自暴自弃!\n\n做不作恶的程序员,从不用百度开始!")

    location.href = "about:blank";

}


防盗链

如果是视频、图片等静态资源的防盗链,通过服务器判断 referer 即可阻止非法访问。而要防止自己的页面被其他网站用作 <iframe>,则可以通过以下 JavaScript 代码来实现:

if (top.location != self.location) top.location = self.location;

if (document.location.search.match(/type=embed/gi)) {

    window.parent.postMessage("resize", "*");

}


禁止选中复制

监听 onselectstart 事件,即可阻止用户的拖拽选择行为:

document.onselectstart = function(event) {

    event.preventDefault();

    return false;

}


猜你喜欢

  • <ul><!--{iCMS:article:list loop="true" row="20" }-->    <!--{if $article_list.first}--><li><!--{/if}-->    <!--{"$article_list.index % 2"}-->        <span><!--{$article_list.title}--></span>    <!--{if $article_list.index % 2}-->        <

    ICMS2020-07-13
  • CSS3 :nth-child() 选择器 定义和用法: :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。 n 可以是数字、关键词或公式。

    CSS2020-07-21
  • <script type="text/javascript">     $('.artbody *[style]').each(function(){    if($(this).css('text-align') == 'center')   $(this).css('text-indent', '0em'); });

    部分JS效果2020-07-30
  • if(location.toString().indexOf("abc.com") <= -1)     /*如果当前网址中没有abc.com*/ { document.location.href="/b.htm";   /*跳转到b.htm*/ } else

    部分JS效果2020-08-24
  • 在CSS3中,我们可以使用transform属性的scale()方法来实现元素的缩放效果。 语法: transform: scaleX(x);         /*沿X轴方向缩放*/ transform: scaleY(y);         /*沿Y轴方向缩放*/

    CSS2021-04-14