判斷客戶端是否具備JavaScript與Cookie技巧
發(fā)表時間:2023-08-21 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]在我的站點(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。