判斷客戶端是否具備JavaScript與Cookie技巧
發表時間:2023-08-21 來源:明輝站整理相關軟件相關文章人氣:
[摘要]在我的站點上,我想確認訪問者是否具備cookies和JavaScript功能。維持會話狀態在許多情況下都很復雜,而且也要考慮到表單的驗證。在我的站點上,我使用了客戶端JavaScript進行表單驗證...
在我的站點上,我想確認訪問者是否具備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。