明輝手游網(wǎng)中心:是一個免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺!

判斷客戶端是否具備JavaScript與Cookie技巧

[摘要]在我的站點(diǎn)上,我想確認(rèn)訪問者是否具備cookies和JavaScript功能。維持會話狀態(tài)在許多情況下都很復(fù)雜,而且也要考慮到表單的驗(yàn)證。在我的站點(diǎn)上,我使用了客戶端JavaScript進(jìn)行表單驗(yàn)證...
在我的站點(diǎn)上,我想確認(rèn)訪問者是否具備cookies和JavaScript功能。維持會話狀態(tài)在許多情況下都很復(fù)雜,而且也要考慮到表單的驗(yàn)證。在我的站點(diǎn)上,我使用了客戶端JavaScript進(jìn)行表單驗(yàn)證,所以要完成驗(yàn)證工作,用戶的瀏覽器必須要具備JavaScript功能。同時,我還使用了Session變量,這就需要訪問者的瀏覽器支持Cookies功能。為了確認(rèn)這些前提條件的存在,我使用了一段小巧的代碼來檢查用戶是否具備JavaScript和Cookies功能。如果用戶不具備這2個條件,就拒絕他們登錄網(wǎng)站。在這篇文章里,也介紹我的站點(diǎn)的登錄頁面代碼。

  開始,使用JavaScript創(chuàng)建一個Cookie。然后,再檢查這個cookie是否存在。因?yàn)槲覀兪褂肑avaScript來測試用戶是否打開Cookies功能,如果他們不具備JavaScript,但卻具備Cookies,我們將會得到他們不具備Cookies功能的結(jié)果。這個結(jié)果是很好的,因?yàn)槲乙笥脩敉瑫r具備JavaScript和Cookies功能。為了判斷用戶是否具備JavaScript功能,我在HTML頁面上創(chuàng)建了一個隱藏表單域,并且在頁面調(diào)用事件(onload)中調(diào)用一個JavaScript函數(shù)來改變這個隱藏表單域的數(shù)值。這樣,如果表單域的數(shù)值改變了,就表示JavaScript是生效的。

  首先,在HTML頁面上放置一個隱藏域,并將它介于< form > ... < /form >之間。

<FORM>

...

<input type="hidden" name="cookieexists" value="false">

</FORM>

  只要這個域的數(shù)值是false的,那么我們就知道了用戶的瀏覽器不支持JavaScript。注意,默認(rèn)值是false,我們編寫的JavaScript函數(shù)將改變它為true。所以,如果JavaScript生效,這個JavaScript函數(shù)將運(yùn)行,域的數(shù)值將變?yōu)閠rue。在HTML頁面的Body標(biāo)記中,放置調(diào)用JavaScript函數(shù)的代碼,從而檢查cookies(cc):

< body onload="cc()" >

  如果函數(shù)不執(zhí)行(這種情況僅僅發(fā)生在JavaScript不生效時),cc()函數(shù)就不會改變隱藏域的數(shù)值。cc()函數(shù)的代碼相當(dāng)簡單,如下:

<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>

  注意:在函數(shù)外的JavaScript代碼行將在頁面調(diào)入前執(zhí)行,所以,也就是在cc()函數(shù)前被調(diào)用。通常,JavaScript代碼塊應(yīng)該放在HTML頁面的HEAD一節(jié)中。

  這樣,如果JavaScript生效而Cookies不生效,用戶將得到“需要打開cookies功能”的信息提示。如果JavaScript不生效,就不會顯示任何信息,這種情況下,我們不能判斷cookies功能是否打開。當(dāng)表單提交時,檢查隱藏域cookieexists的數(shù)值。如果等于false,那么表示不支持JavaScript。