这是一段从别人的小说泛目录中采集到的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代码
站群SEO » 识别访客用户端进行跳转的js代码