說明：
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 查詢來源網址
其它文章
沒有留言:
張貼留言