找回密码
 新建账号

[JS] 利用js根据不同浏览器自动跳转不同页面

[复制链接]
php 发表于 2011/10/26 13:46 | 显示全部楼层 |阅读模式
本教程让你的网站实现根据用户浏览器来自动跳转到对应的页面

我们知道,不同的浏览器支持的内容不同,比如我们要在网站上放上某个音乐播放器,但是非IE内核的又不支持这个网页播放器,于是我们就设计思路为,让IE浏览器用户打开网站时停在有此网页播放器的页面,让非IE内核浏览器用户打开网站时转到一个由flash播放器播放歌曲的页面。

你只需要将以下代码粘贴到你的网站首页(或需要根据浏览器跳转的网页)的<body>和</body>之间,就可以轻松实现自动按浏览器跳转,本脚本支持自动判定IE, Opera, Google Chrome, Safari, Firefox.
  1. //本源码由 51-n.com 提供 站长微博 www.weibo.com/ohtc
  2.         var ua = navigator.userAgent.toLowerCase(), s, app={}, url, host=window.location.host;
  3.         (s = ua.match(/msie ([\d.]+)/)) ? app.ie = s[1] :
  4.         (s = ua.match(/firefox\/([\d.]+)/)) ? app.firefox = s[1] :
  5.         (s = ua.match(/chrome\/([\d.]+)/)) ? app.chrome = s[1] :
  6.         (s = ua.match(/opera.([\d.]+)/)) ? app.opera = s[1] :
  7.         (s = ua.match(/version\/([\d.]+).*safari/)) ? app.safari = s[1] : 0;
  8.         if(app.ie){
  9.                 url ="https://www.51-n.com/"; //如果浏览器为IE则跳转到 https://www.51-n.com/
  10.         }else if(app.chrome){
  11.                 url ="html/"; //如果浏览器为 Chrome 则跳转到相对链接 html/
  12.         }else if(app.opera){
  13.                 url ="/html/"; //如果浏览器为 Opera 则跳转到相对链接 /html/
  14.         }else if(app.firefox){
  15.                 url ="../"; //如果浏览器为 firefox 则跳转到上级目录 ../
  16.         }else if(app.safari){
  17.                 url ='http://'+host; //如果浏览器为 Safari 则跳转到当前域名
  18.         }else{
  19.                 url ="about:blank"; //其他浏览器打开跳转到空白页面;
  20.         }
  21.         document.location.href = url;
复制代码

编辑器可能让代码错乱,有附件可供下载。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?新建账号

×
demarz 发表于 2011/10/26 23:51 | 显示全部楼层
然后我觉得站长很牛B耶...
另外,这个时候用switch会不会更好看一些呢...
yanguozi 发表于 2011/11/15 11:41 | 显示全部楼层
想问一哈用手机访问某网站时有TOP,直接回到顶部,请问NOKI@这是什么代码?想用一下
liu8xu88 发表于 2014/12/30 18:10 | 显示全部楼层
这个不错,来支持下!!!!

手机版|轻松E站

GMT+8, 2024/3/29 15:47

快速回复 返回顶部 返回列表