コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 掲示板のCookie実装のコード共有例

掲示板のCookie実装のコード共有例

零下一度
リリース： 2017-07-18 13:27:04
オリジナル
1696 人が閲覧しました

メッセージボードのサンプルコード共有のCookie実装

ダイレクトコード:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
	#input{
		width: 400px;
		height: 400px;
	}
</style>
<script>
	function setCookie(name, value, iDay){
	  var oDate=new Date();
	  
	  //用来设置过期时间用的，获取当前时间加上传进来的iDay就是过期时间
	  oDate.setDate(oDate.getDate()+iDay); 
	  document.cookie=name+&#39;=&#39;+value+&#39;;expires=&#39;+oDate;
	  
	};
	function getCookie(name){
		//多个cookie值是以; 分隔的，用split把cookie分割开并赋值给数组
	  var arr=document.cookie.split(&#39;; &#39;); 
	  
	  for(var i=0;i<arr[i].length;i++){
	  	//原来割好的数组是：user=simon，再用split(&#39;=&#39;)分割成：user simon 这样可以通过arr2[0] arr2[1]来分别获取user和simon 
	    var arr2=arr[i].split(&#39;=&#39;); 
	    
	     //如果数组的属性名等于传进来的name
	    if(arr2[0]==name){
	    	 //就返回属性名对应的值
	      return arr2[1];
	    }
	    return &#39;&#39;; //没找到就返回空
	  }
	};
	function removeCookie(name){
		  //-1就是告诉系统已经过期，系统就会立刻去删除cookie
	  setCookie(name, 1, -1); 
	};
	window.onload=function(){
	  var form=document.getElementById(&#39;form&#39;);
	  var user=document.getElementsByName(&#39;user&#39;)[0];
	  form.onsubmit=function(){
	    setCookie(&#39;user&#39;, user.value, 14);
	  };
	  user.value=getCookie(&#39;user&#39;);
	};
</script>
</head>
<body>
<form action="" id="form">
<textarea type="text" name="user" id="input"></textarea><br />
  <input type="submit" value="发表" />
</form>
</body>
</html>
ログイン後にコピー

以上です! 効果は出ますが、よくわかりません。プログラマーは皆、神に口を封じられた天使のような気がします! !φ(>ω

以上が掲示板のCookie実装のコード共有例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
cookie ie 伝言板
ソース：php.cn
前の記事：チェックボックスを再度選択すると失敗する問題を解決するにはどうすればよいですか? 次の記事：EventUtil.addHandler の紹介と使用法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
React を使用して Go サーバーから Cookie データを取得できません React の後、バックエンドを開始し、バックエンド サーバーに githubOAUTH とセッションを追加してデータを保存しました。これらはすべてバックエンドで正常に動作し、セッ...
から 2024-04-06 13:09:26
0
1
384
「Cookie」リクエスト ヘッダーの Cookie の数が、「set-cookie」レスポンス ヘッダーに設定されている Cookie の数を超えるのはなぜですか? 私は Web クローリングの初心者なので、http リクエストについての理解が非常に浅いです。カートに追加など、Web サイトに送信する特定のリクエストを検査すると、開発ツールは、...
から 2024-04-05 14:52:06
0
1
3571
ブラウザの Axios と Fetch はリクエストを送信するときに Cookie を送信しません。 jwtauth を使用して springbootapi を開発し、エンドポイント「http://localhost:8080/api/signin」を取得しました。ログインが成功す...
から 2024-04-04 15:59:30
0
1
350
Next.js 13 クライアント側とサーバー側で Cookie を取得する方法 ヘッダーにトークンを追加するフェッチのラッパーである関数 myFetch があります。 importclientCookiesfrom"js-cookie";i...
から 2024-04-01 11:22:43
0
1
470
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート