[JavaScript HTML DOM]使用document物件，使用屬性document.referrer

說明：
document.referrer用來查詢網頁的來源網址
如果是自己打網址直接到網頁中，用 document.referrer 就查詢不到任何的值。

此範例設計說明：
第一步、取出document.referrer
第二步、顯示來源網頁網址

程式：
<html>
<head>
<title>[JavaScript-HTML_DOM]使用document物件，使用屬性document.referrer</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
function mytest() {
var returnData = document.getElementById("returnData").innerHTML;
returnData = "查詢來源網址為：" + document.referrer;
document.getElementById("returnData").innerHTML = returnData;
}
</script>
</head>
<body>
[JavaScript-HTML_DOM]使用document物件，使用屬性document.referrer
<br>
<input type="button" value="測試" onclick="mytest();" />
<span id="returnData"></span>
</body>
</html>
圖：

 


按下測試 ，這裡測試顯示的網址是我的測試專案的主選單。

 
如果是自己打網址直接到網頁中，用 document.referrer 就查詢不到任何的值。



相關範例：
待續

參考：
HTML DOM referrer Property

JavaScript document.referrer 查詢來源網址

 




 






 















其它文章

arrow
arrow
    文章標籤
    document returndata 查詢 測試 屬性 物件 使用 來源 網頁 dom html javascript 目錄
    全站熱搜

    PG Levin Li 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄