js獲取url中?後的引數，修復移動版無法切換到電腦版的BUG

昨天，釋出了《完美實現移動主題在 360 網站衛士快取全開情況下的切換》一文，通過 JS 實現了主題在移動端訪問時的自動切換，最後提到了可以在電腦版和移動版的 footer 裡面加上手動切換連結，實現手動版本切換功能。

今早發現，電腦版切換到移動版是沒問題了，但是移動版切換到電腦版，JS 將會再次工作uaredirect.js會再次做 UA 判斷，然後由又跳回了電腦版！也就是說，手機上瀏覽無法手動切換到電腦版，看來還得繼續折騰！

於是，想到一個辦法，給移動版的切換連結帶上一個引數，再修改 uaredirect.js，當發現連結後面帶了指定引數時，就直接 return，而不再進行 UA 判斷，避免再次跳轉的尷尬。。。

說幹就幹，在 oschina 找到如下 2 中獲取 url 後面引數的方法：

JavaScript

//獲取請求url中引數的值：
/*方法一：引數值中沒有等於號（“=”）*/
        function getUrlRequest() {
            var url = location.search; //獲取url中"?"符後的字串
            var theRequest = new Object();
            if (url.indexOf("?") != -1) {
                var str = url.substr(1);
                if (str.indexOf("&") != -1) {
                    strs = str.split("&");
                    for (var i = 0; i < strs.length; i++) {
                        theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
                    }
                } else {
                    theRequest[str.split("=")[0]] = unescape(str.split("=")[1]);
                }
            }
            return theRequest;
        }
/*方法二：引數值中有等於號的情況（“=”）*/
        function getUrlRequest(){
                var url = location.search; //獲取url中"?"符後的字串
                var theRequest = new Object();
                if (url.indexOf("?") != -1) {
                    var str = url.substr(1);
                    if (str.indexOf("&") != -1) {
                        strs = str.split("&");
                        for (var i = 0; i < strs.length; i++) {
                            theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
                        }
                    } else {
                        var key = str.substring(0,str.indexOf("="));
                        var value = str.substr(str.indexOf("=")+1);
                        theRequest[key] = decodeURI(value);
                    }
                }
                return theRequest;
        }

12345678910111213141516171819202122232425262728293031323334353637

//獲取請求url中引數的值：/*方法一：引數值中沒有等於號（“=”）*/functiongetUrlRequest(){varurl=location.search;//獲取url中"?"符後的字串vartheRequest=newObject();if(url.indexOf("?")!=-1){varstr=url.substr(1);if(str.indexOf("&")!=-1

){strs=str.split("&");for(vari=0;i<strs.length;i++){theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);}}else{theRequest[str.split("=")[0]]=unescape(str.split("=")[1]);}}returntheRequest;}/*方法二：引數值中有等於號的情況（“=”）*/functiongetUrlRequest(){varurl=location.search;//獲取url中"?"符後的字串vartheRequest=newObject();if(url.indexOf("?")!=-1){varstr=url.substr(1);if(str.indexOf("&")!=-1){strs=str.split("&");for(vari=0;i<strs.length;i++){theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);}}else{varkey=str.substring(0,str.indexOf("="));varvalue=str.substr(str.indexOf("=")+1);theRequest[key]=decodeURI(value);}}returntheRequest;}

根據個人喜好，張戈選擇了第二種，然後如下修改uaredirect.js

JavaScript

//獲取url後面引數
function getUrlRequest(){
                 var url = location.search;
                 var theRequest = new Object();
                 if (url.indexOf("?") != -1) {
                     var str = url.substr(1);
                     if (str.indexOf("&") != -1) {
                         strs = str.split("&");
                         for (var i = 0; i < strs.length; i++) {
                             theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
                         }
                     } else {
                         var key = str.substring(0,str.indexOf("="));
                         var value = str.substr(str.indexOf("=")+1);
                         theRequest[key] = decodeURI(value);
                     }
                 }
                 return theRequest;
         }
function uaredirect(f) {
     var canshu=getUrlRequest();
    try {
        if (canshu["type"] == "pc") { //當檢測到url後面帶了type=pc引數時，停止執行.
            return
        }
        var b = false;
        if (arguments[1]) {
            var e = window.location.host;
            var a = window.location.href;
            if (isSubdomain(arguments[1], e) == 1) {
                f = f + "/#m/" + a;
                b = true
            } else {
                if (isSubdomain(arguments[1], e) == 2) {
                    f = f + "/#m/" + a;
                    b = true
                } else {
                    f = a;
                    b = false
                }
            }
        } else {
            b = true
        }
        if (b) {
            var c = window.location.hash;
            if (!c.match("fromapp")) {
                if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))) {
                    location.replace(f)
                }
            }
        }
    } catch(d) {}
}
function isSubdomain(c, d) {
    this.getdomain = function(f) {
        var e = f.indexOf("://");
        if (e > 0) {
            var h = f.substr(e + 3)
        } else {
            var h = f
        }
        var g = /^www\./;
        if (g.test(h)) {
            h = h.substr(4)
        }
        return h
    };
    if (c == d) {
        return 1
    } else {
        var c = this.getdomain(c);
        var b = this.getdomain(d);
        if (c == b) {
            return 1
        } else {
            c = c.replace(".", "\\.");
            var a = new RegExp("\\." + c + "$");
            if (b.match(a)) {
                return 2
            } else {
                return 0
            }
        }
    }
};

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586

//獲取url後面引數functiongetUrlRequest(){varurl=location.search;vartheRequest=newObject();if(url.indexOf("?")!=-1){varstr=url.substr(1);if(str.indexOf("&")!=-1){strs=str.split("&");for(vari=0;i<strs.length;i++){theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);}}else{varkey=str.substring(0,str.indexOf("="));varvalue=str.substr(str.indexOf("=")+1);theRequest[key]=decodeURI(value);}}returntheRequest;}functionuaredirect(f){varcanshu=getUrlRequest();try{if(canshu["type"]=="pc"){//當檢測到url後面帶了type=pc引數時，停止執行.return}varb=false;if(arguments[1]){vare=window.location.host;vara=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){varc=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}functionisSubdomain(c,d){this.getdomain=function(f){vare=f.indexOf("://");if(e>0){varh=f.substr(e+3)}else{varh=f}varg=/^www\./;if(g.test(h)){h=h.substr(4)}returnh};if(c==d){return1}else{varc=this.getdomain(c);varb=this.getdomain(d);if(c==b){return1}else{c=c.replace(".","\\.");vara=newRegExp("\\."+c+"$");if(b.match(a)){return2}else{return0}}}};

最後，在移動版主題的 footer 裡面加上如下程式碼：

PHP

<!--登陸-->
<a title="登陸" href="//zhangge.net/wp-login.php">登陸</a>&nbsp;
<!--首頁底部切換連結-->
<?php wp_reset_query();if ( is_home()){ ?>
<a title="電腦版" href="//zhangge.net?type=pc">電腦版</a>
<?php } ?>
<!--文章底部切換連結-->
<?php wp_reset_query();if ( is_single()){ ?>
<a title="電腦版" href="//zhangge.net/<?php the_ID(); ?>.html?type=pc">電腦版</a>
<?php } ?>
<!--分類頁底部切換連結-->
<?php wp_reset_query();if ( is_category()){ ?>
<a title="電腦版" href="//zhangge.net/<?php echo the_category_slug(); ?>?type=pc">電腦版</a>
<?php } ?>
<!--頁面底部切換連結-->
<?php if ( is_page()){ ?>
<a title="電腦版" href="//zhangge.net/<?php echo the_slug(); ?>?type=pc">電腦版</a>

1234567891011121314151617

<atitle="登陸"href="http://zhangge.net/wp-login.php">登陸</a> <?phpwp_reset_query();if(is_home()){?><atitle="電腦版"href="http://zhangge.net?type=pc">電腦版</a><?php}?><?phpwp_reset_query();if(is_single()){?><atitle="電腦版"href="http://zhangge.net/<?phpthe_ID();?>.html?type=pc">電腦版</a><?php}?><!

js獲取url中?後的引數，修復移動版無法切換到電腦版的BUG

js獲取url中?後的引數，修復移動版無法切換到電腦版的BUG

js獲取url 中的值，並跳轉相應頁面

js獲取url中的引數,並保證獲取到的引數不亂碼

ExtJs 獲取url中的引數，根據id獲取元素設定屬性

原生js獲取url傳遞引數，js獲取url？後傳遞的引數

獲取URL中的引數（使用迴圈獲取，存進集合中，以url中的引數作為key，可根據需要根據key調取自己想要的引數）

獲取URL中的引數和對應值，以鍵值對方式返回

JS通過Url傳遞中文引數，c#獲取引數

js獲取url中引數名也引數值

js 獲取URL中參數

js 獲取url 中的參數；

js獲取URL中指定的值

使用JS獲取URL中參數的方法

node.js獲取url中的各個參數

js去除url中指定引數

JS獲取url連線的引數

JavaScript獲取URL中的引數

JS獲取URL中引數值的4種方法

案例:JS獲取URL中引數值的方法

javascript中獲取url中的引數

js獲取url中?後的引數，修復移動版無法切換到電腦版的BUG

相關推薦