判斷用戶端是否具備javascript和Cookie功能
來源:互聯網
上載者:User
cookie|用戶端 在我的網站上,我想確認訪問者是否具備cookies和JavaScript功能。維持工作階段狀態在許多情況下都很複雜,而且也要考慮到表單的驗證。在我的網站上,我使用了用戶端JavaScript進行表單驗證,所以要完成驗證工作,使用者的瀏覽器必須要具備JavaScript功能。同時,我還使用了Session變數,這就需要訪問者的瀏覽器支援Cookies功能。為了確認這些前提條件的存在,我使用了一段小巧的代碼來檢查使用者是否具備JavaScript和Cookies功能。如果使用者不具備這2個條件,就拒絕他們登入網站。在這篇文章裡,也介紹我的網站的登入頁面代碼。
開始,使用JavaScript建立一個Cookie。然後,再檢查這個cookie是否存在。因為我們使用JavaScript來測試使用者是否開啟Cookies功能,如果他們不具備JavaScript,但卻具備Cookies,我們將會得到他們不具備Cookies功能的結果。這個結果是很好的,因為我要求使用者同時具備JavaScript和Cookies功能。為了判斷使用者是否具備JavaScript功能,我在HTML頁面上建立了一個隱藏表單域,並且在頁面呼叫事件(onload)中調用一個JavaScript函數來改變這個隱藏表單域的數值。這樣,如果表單域的數值改變了,就表示JavaScript是生效的。
首先,在HTML頁面上放置一個隱藏欄位,並將它介於< form > ... < /form >之間。
<FORM>
...
<input type="hidden" name="cookieexists" value="false">
</FORM>
只要這個域的數值是false的,那麼我們就知道了使用者的瀏覽器不支援JavaScript。注意,預設值是false,我們編寫的JavaScript函數將改變它為true。所以,如果JavaScript生效,這個JavaScript函數將運行,域的數值將變為true。在HTML頁面的Body標記中,放置調用JavaScript函數的代碼,從而檢查cookies(cc):
< body onload="cc()" >
如果函數不執行(這種情況僅僅發生在JavaScript不生效時),cc()函數就不會改變隱藏欄位的數值。cc()函數的代碼相當簡單,如下:
<script language="JavaScript">
<!-
function cc()
{
/* check for a cookie */
if (document.cookie == "")
{
/* if a cookie is not found - alert user -
change cookieexists field value to false */
alert("COOKIES need to be enabled!");
/* If the user has Cookies disabled an alert will let him know
that cookies need to be enabled to log on.*/
document.Form1.cookieexists.value ="false"
} else {
/* this sets the value to true and nothing else will happen,
the user will be able to log on*/
document.Form1.cookieexists.value ="true"
}
}
/* Set a cookie to be sure that one exists.
Note that this is outside the function*/
document.cookie = 'killme' + escape('nothing')
// -->
</script>
注意:在函數外的JavaScript程式碼將在頁面調入前執行,所以,也就是在cc()函數前被調用。通常,JavaScript代碼塊應該放在HTML頁面的HEAD一節中。
這樣,如果JavaScript生效而Cookies不生效,使用者將得到“需要開啟cookies功能”的資訊提示。如果JavaScript不生效,就不會顯示任何資訊,這種情況下,我們不能判斷cookies功能是否開啟。當表單提交時,檢查隱藏欄位cookieexists的數值。如果等於false,那麼表示不支援JavaScript。