ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript が Cookie を使用して一時的な訪問者情報を記録する方法_JavaScript のヒント
この記事の例では、JavaScript が Cookie を使用して一時的な訪問者情報を記録する方法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。
ユーザーが初めて Web ページにアクセスするとき、ユーザーはニックネームを入力するように求められ、それを Cookie に書き込みます。ユーザーが再度アクセスすると、Cookie 情報が読み取られ、ユーザーのニックネームが抽出されます。ユーザーは大歓迎です
<!DOCTYPE html> <html> <head> <script> function getCookie(c_name) { var c_value = document.cookie; var c_start = c_value.indexOf(" " + c_name + "="); if (c_start == -1) { c_start = c_value.indexOf(c_name + "="); } if (c_start == -1) { c_value = null; } else { c_start = c_value.indexOf("=", c_start) + 1; var c_end = c_value.indexOf(";", c_start); if (c_end == -1) { c_end = c_value.length; } c_value = unescape(c_value.substring(c_start,c_end)); } return c_value; } function setCookie(c_name,value,exdays) { var exdate=new Date(); exdate.setDate(exdate.getDate() + exdays); var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString()); document.cookie=c_name + "=" + c_value; } function checkCookie() { var username=getCookie("username"); if (username!=null && username!="") { alert("Welcome again " + username); } else { username=prompt("Please enter your name:",""); if (username!=null && username!="") { setCookie("username",username,365); } } } </script> </head> <body onload="checkCookie()"> </body> </html>
この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。