這篇文章主要介紹了IE中JS跳轉(zhuǎn)丟失referrer問(wèn)題的2個(gè)解決方法,算是IE的一個(gè)BUG吧,本文提供了2個(gè)方法解決這個(gè)問(wèn)題,需要的朋友可以參考下。

曾整理過(guò)一個(gè)各種頁(yè)面跳轉(zhuǎn)方法中referrer丟失的情況，其中提到，在IE中，使用類(lèi)似 location.href = "a.html"這樣的方式跳轉(zhuǎn)頁(yè)面時(shí)，在目標(biāo)頁(yè)面中 document.referrer的值會(huì)是空。這應(yīng)該是IE的一個(gè) bug。

大多數(shù)情況下，這個(gè)問(wèn)題不會(huì)給我們帶來(lái)麻煩，但有時(shí)候我們不得不用JavaScript來(lái)跳轉(zhuǎn)，同時(shí)又要在下一個(gè)頁(yè)面收集 document.refer，這時(shí)就得想想其他辦法了。

Form GET方法

首先想到的是使用Form表單，用JS發(fā)起一個(gè)GET請(qǐng)求。代碼類(lèi)似下面這樣：

代碼如下:

function goToPage(url) {

    if (isIE) {

        // IE瀏覽器

        var frm = document.createElement("form");

        frm.action = url;

        frm.method = "GET";

        document.body.appendChild(frm);

        frm.submit();

    } else {

        // 非IE

        location.href = url;

    }

}

這個(gè)方法可以如同預(yù)期地工作，目標(biāo)頁(yè)面中 document.referrer能正常指向上一個(gè)頁(yè)面。

A元素模擬點(diǎn)擊方法

網(wǎng)上搜索了一下，發(fā)現(xiàn)司徒正美的博客上記錄了這個(gè)問(wèn)題的另一個(gè)處理方法：

代碼如下:

//define for all browsers

function goto(url) {

    location.href = url;

}

//re-define for IE

if (isIE) {

    function goto(url) {

        var referLink = document.createElement('a');

        referLink.href = url;

        document.body.appendChild(referLink);

        referLink.click();

    }

}

原理很簡(jiǎn)單，先創(chuàng)建了一個(gè) A元素，指定其 href屬性為目標(biāo)鏈接，然后再使用JS觸發(fā)它的點(diǎn)擊事件。經(jīng)測(cè)試，在目標(biāo)頁(yè)面也能正常取到 document.referrer。

這個(gè)方法代碼更簡(jiǎn)短一點(diǎn)，應(yīng)該比上面的使用 form表單的方案更好一些。

更多信息請(qǐng)查看IT技術(shù)專(zhuān)欄