序文開発プロセスでは、ブラウザレベルでユーザーが実行した操作を記憶するなど、同様の要件に遭遇することがあります。以前、ドラッグ プラグインを使用して、9 つの正方形のグリッドに似たレポート チャートを表示する機能を作成しました。各グラフは表示と非表示を切り替えることができます。ユーザーが表示または非表示ボタンをクリックすると、次回システムに入るときにブラウザは最後の操作結果を保持します。コア部分は js を使用して Cookie を操作することであり、具体的なビジネス部分はグラフィックのクリック イベントをトリガーすることです。非表示の場合、グラフィックに対応する div は Cookie から削除されます。表示されると、グラフィック div が Cookie に書き込まれます。この記事では、一部の Cookie 操作のみを記録します。実際の状況に応じて、具体的なビジネス コードを記述できます。 クッキーはいつ使用されますか?
方法は次のとおりです1. クッキーパラメータを設定します: cname: クッキー名、cvalue: クッキー値、exdays: クッキーの有効期限 関数 setCookie(cname,cvalue,exdays) { var d = 新しい日付(); d.setTime(d.getTime()+(exdays*24*60*60*1000)); var 有効期限 = "有効期限="+d.toGMTString(); document.cookie = cname + "=" + cvalue + "; " + 有効期限; } 2. クッキーを取得する 関数 getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); (var i=0; i<ca.length; i++) の場合 { var c = ca[i].trim(); c.indexOf(name)==0 の場合、c.substring(name.length,c.length) を返します。 } 戻る ""; } 3. クッキーの削除 関数 delCookie(cname) { var exp = 新しい Date(); exp.setTime(exp.getTime()-1); var cval = getCookie(cname); if(cval != null){ document.cookie = cname + "=" + cval + ";expires=" + exp.toGMTString(); } } この記事がお役に立てば幸いです。役に立った場合は、ぜひ私をフォローして、今後も引き続きコンテンツを投稿してください。 参考: Cookie 操作 要約するjs が Cookie を使用してユーザーのページ操作を記憶する方法についての説明はこれで終わりです。ユーザーのコンテンツを記憶するためのより関連性の高い js Cookie については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: Dockerfileを使用して独自のイメージを作成する方法
>>: MYSQL 文字関数を使用してデータをフィルタリングすることに関する質問
[mysql] replace の使用方法 (フィールドの内容の一部を置き換える) [mysql]...
ファイアウォールファイアウォールは一連のルールです。パケットが保護されたネットワーク空間に出入りする...
スティッキーフッターレイアウトとは何ですか?一般的な Web ページのレイアウトは、通常、ヘッダー部...
居住地を選択するためのドロップダウンボックスをjQueryで実装するための具体的なコードは参考までに...
タブ切り替えもプロジェクトではよく使われる技術です。一般的にタブ切り替えはjsやjqを使って実装され...
みなさんこんにちは。私と同じように混乱している方はいらっしゃいませんか。CSS は簡単に始められます...
目次プロセスコミュニケーションプロセス間の双方向通信問題要約するサードパーティのデータ サプライヤー...
コードは次のようになります。 <!DOCTYPE html> <html> ...
目次2. フィールドの連結2. MySQL関数の例をいくつか挙げてください。 2.1 シンボル処理2...
ul liの前のアイコン1をキャンセルしますクリア値1値を1に設定ラベル中央値1をクリアラベルの中央...
この記事では、CSS で放射状グラデーションを使用して、次の図に示すクーポン スタイルの効果を実現す...
Unix/Linux サービスsystemd サービス操作プロセス1. JDKがインストールされたC...
WSLを有効にするシステムがWindows 10 2004以降であることを確認してください 「メニュ...
MySQL UNION 演算子このチュートリアルでは、MySQL UNION 演算子の構文と例を紹介...
導入Kubernetes を使い始めるのに丸一日を費やしたことはありませんか?最近登場したいくつかの...