判斷用戶端是否具備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。


相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.