JavaScript document.referrer 查詢來源網址

JavaScript document.referrer 屬於 JavaScript Document 對像集合內容的一環,可以用來查詢網頁的來源網址,例如是從哪個部落格、搜尋引擎、新聞網站 ... 等連到這個網頁,做網站流量統計相當不錯。

JavaScript document.referrer 語法範例

document.write(document.referrer);


括號外面的 document.write 是在網頁上顯示出來的意思,括號內紅色的部分就是重點了,如果流量來源不是從別的網站,而是網友自己開啟網頁(如直接打網址或從瀏覽器的書籤直些連結),則回傳 null,也就是沒有值。

JavaScript document.referrer 實做範例
<html>
<body>
<script type="text/javascript">
document.write('流量來源網址是: ');
document.write(document.referrer);
</script>
</body>
</html>
就像前面所提到的,如果網友自己打網址直接到網頁中,則在 DOM 中不會有來源網站的資訊,所以用 document.referrer 就查詢不到任何的值,相對的,只要是由其他網站的連結而到,就可以透過 document.referrer 的屬性來查詢。

延伸閱讀
JavaScript Document
JavaScript document.write( ) 方法
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012