検索
ホームページウェブフロントエンドjsチュートリアルdocument.cookiejavascript_javascript の使用に関するヒント

document.cookie="userId=828";
複数の名前と値のペアを一度に保存する場合は、セミコロンとスペース (;) を使用して区切ることができます。例:
document.cookie= "userId=828; userName=hulk";
Cookie の名前や値にはセミコロン (;)、カンマ (,)、等号 (=) およびスペースを使用できません。 Cookie の名前に

を実行するのは簡単ですが、保存される値は未定義です。これらの値を保存するにはどうすればよいでしょうか?この方法では、escape() 関数を使用して

をエンコードします。これにより、一部の特殊記号を 16 進数で表現できます。たとえば、スペースは「20%」としてエンコードされ、
cookie の値を変更し、この解決策を使用すると中国語の文字化けの発生も回避できます。例:
document.cookie="str=scape("I love ajax");
escape を使用する場合:
document.cookie="str=I love ajax"; ( ) エンコード後、値を取り出してデコードする必要があります。

これは以前紹介しました。
document.cookie はプロパティのように見えますが、異なる値を割り当てることができます。ただし、

の割り当てを変更しても、次の 2 つのステートメントを連続して実行することは意味しません。 🎜>document.cookie="userName=hulk";
現時点では、ブラウザーは userId と userName という 2 つの Cookie を保持するため、document.cookie に値を割り当てることは、

を実行することに似ています。次のようなステートメント:
document.addCookie("userId=828");
document.addCookie("userName=hulk");
実際、ブラウザは次のように Cookie を設定します。 Cookie の値を変更するには、

値を再割り当てするだけです。例:
document.cookie="userId=929";
これにより、userId という名前の Cookie 値が 929 に設定されます。

Cookie の値を取得する
Cookie の値を取得する方法を説明します。 Cookie の値は document.cookie から直接取得できます:
var strCookie=document.cookie;
これにより、セミコロンで区切られた複数の名前と値のペアで構成される文字列が取得されます。このドメイン名の下に cookie

があります。例:

図 7.1 は、出力された Cookie の値を示しています。すべての Cookie 値を一度に取得することしかできないことがわかりますが、Cookie

名を指定して指定された値を取得することはできません。これは、Cookie 値の処理で最も面倒な部分です。ユーザーはこの文字列を自分で分析して

指定された Cookie 値を取得する必要があります。たとえば、userId の値を取得するには、次のように実行します。

この方法で 1 つの Cookie の値を取得します。

同様のメソッドを使用して、1 つ以上の Cookie の値を取得できます。主な手法はやはり文字列と配列の関連操作です。

Cookie の有効期限を設定します
これまでのところ、すべての Cookie はシングルセッション Cookie です。つまり、これらの Cookie はブラウザを閉じると失われます。 > 対応するハードディスクファイルを作成せずにメモリに保存するだけです。
実際の開発では、ユーザーのログイン状態の保存など、Cookieを長期間保存する必要があることがよくあります。これは、次のオプションを使用して実現できます:
document.cookie="userId=828;expires=GMT_String";
GMT_String は GMT 形式の時刻文字列であり、このステートメントは userId Cookie を

GMT_String で表される有効期限。この時間が経過すると、Cookie は消えてアクセスできなくなります。例: Cookie

の有効期限が 10 日後に切れるように設定したい場合は、次のように実行できます:


Cookie を削除
Cookie を削除するには、有効期限を過去の時刻に設定できます。例:

Cookie にアクセスできるパスを指定します
デフォルトでは、Cookie がページ上で作成された場合、ディレクトリ内の他のページページが配置されている場所にもアクセスできます

Cookie。このディレクトリの下にサブディレクトリがある場合は、そのサブディレクトリからもアクセスできます。たとえば、

www.xxxx.com/html/a.html で作成された Cookie は、www.xxxx.com/html/b.html または

www.xxx で使用できます。 com /html/some/c.html にはアクセスできますが、www.xxxx.com/d.html にはアクセスできません。
Cookie がアクセスできるディレクトリを制御するには、path パラメーターを使用して Cookie を設定する必要があります。構文は次のとおりです:
document.cookie="name=value; path=cookieDir"; > ここで、cookieDir は Cookie にアクセスできるディレクトリを表します。例:
document.cookie="userId=320; path=/shop";
は、現在の Cookie がショップ ディレクトリでのみ使用できることを意味します。
Web サイト全体で Cookie を使用できるようにする場合は、ルート ディレクトリとして cookie_dir を指定できます。例:
document.cookie="userId=320; path=/";


Cookie にアクセスできるホスト名
は、同じドメイン内の異なるホストを参照します。たとえば、www.google.com と gmail.google.com は
2 つの異なるホスト名。デフォルトでは、あるホストで作成された Cookie に別のホストでアクセスすることはできません。

ただし、構文形式は次のとおりです:
document.cookie ="name=value;domain=" cookieDomain";
Google を例に挙げます。クロスホスト アクセスを実現するには、次のように記述できます:
document.cookie="name=value;domain=.google.com";
このように、 google.com 下のすべてのホストが Cookie にアクセスできます。


包括的な例: ユニバーサル Cookie 処理関数の構築
Cookie 処理プロセスは比較的複雑であり、いくつかの類似点があります。したがって、Cookie の一般的な

操作を完了するためにいくつかの関数を定義することで、コードの再利用を実現できます。一般的な Cookie 操作とその関数の実装を以下に示します。
1. Cookie を追加します: addCookie(name, value,expiresHours)
この関数は、Cookie 名、Cookie 値、および有効期限が切れる時間の 3 つのパラメーターを受け取ります。ここでは、expiresHours が

0 の場合、有効期限は設定されない、つまりブラウザを閉じると Cookie が自動的に消えることが合意されています。この関数は次のように実装されます:

2.指定された名前の Cookie 値を取得します: getCookie(name)
この関数は、name という名前の Cookie 値を返します。その実装は次のとおりです。
3.指定された名前の Cookie を削除します: deleteCookie(name)
この関数は、指定された名前の Cookie を削除できます

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
修复:谷歌浏览器请求太多错误 429 [已解决]修复:谷歌浏览器请求太多错误 429 [已解决]Apr 16, 2023 am 09:22 AM

近期很多Windows用户反映,当他们尝试访问某个URL时,PC上的GoogleChrome浏览器显示错误429。这是因为每次用户尝试在短时间内通过浏览器。通常,此错误是由网站生成的,以避免通过向服务器发送过多请求而被机器人或黑客入侵病毒。用户对在这个阶段可以做什么感到困惑,并因此感到失望。导致此错误的因素可能很多,我们在下面列出了其中一些因素。缓存内存和其他站点数据未清除从第三方来源安装的扩展系统上的一些有害软件病毒攻击在研究了上面列出的因素之后,我们在这篇文章中收集了一些修复程序,这

如果 Grammarly 无法在 Windows 10 浏览器上运行的 8 个重大修复如果 Grammarly 无法在 Windows 10 浏览器上运行的 8 个重大修复May 05, 2023 pm 02:16 PM

如果您在Windows10或11PC上遇到语法问题,本文将帮助您解决此问题。Grammarly是最流行的打字助手之一,用于修复语法、拼写、清晰度等。它已经成为写作专业人士必不可少的一部分。但是,如果它不能正常工作,它可能是一个非常令人沮丧的体验。许多Windows用户报告说此工具在他们的计算机上运行不佳。我们做了深入的分析,找到了这个问题的原因和解决方案。为什么Grammarly无法在我的PC上运行?由于几个常见原因,PC上的Grammarly可能无法正常工作。它包括以下内

如何修复 Google Chrome 上的 Roblox 403 禁止错误如何修复 Google Chrome 上的 Roblox 403 禁止错误May 19, 2023 pm 01:49 PM

许多Windows用户最近在尝试访问GoogleChrome浏览器中的网站URL时遇到了一个不寻常的错误,称为Roblox403禁止错误。即使在多次重新启动Chrome应用程序后,他们也无能为力。此错误可能有几个潜在原因,我们在下面概述并列出了其中一些。Chrome的浏览历史和其他缓存以及损坏的数据不稳定的互联网连接网站网址不正确从第三方来源安装的扩展在考虑了上述所有方面之后,我们提出了一些修复程序,可以帮助用户解决此问题。如果您遇到同样的问题,请查看本文中的解决方案。修复1

vue3中cookie如何使用vue3中cookie如何使用May 12, 2023 pm 02:19 PM

前言cookie使用最多的地方想必是保存用户的账号与密码,可以避免用户每次登录时都要重新输入1.vue中cookie的安装在终端中输入命令npminstallvue-cookies--save,即可安装cookies,安装之后在main.js文件中写下以下代码import{createApp}from'vue'importVueCookiesfrom'vue-cookies'constapp=createApp(App)app.co

如何在 Google Chrome 中启用或禁用第三方 Cookie如何在 Google Chrome 中启用或禁用第三方 CookieApr 15, 2023 pm 02:07 PM

每个网站都通过创建cookie使用户更容易浏览他们的网页和浏览他们的网站。然而,网站创建了一些第三方cookie,使他们能够跟踪访问其他网站的用户,以便更好地了解他们,从而有助于展示广告和其他帖子。一些用户可能认为他们的数据遭到破坏或存在安全风险,而另一些用户可能认为允许这些第三方cookie跟踪他们以在浏览器上获取更多内容是很好的。所以我们在这篇文章中解释了如何在谷歌浏览器中启用或禁用第三方cookies,详细步骤如下。如何在GoogleChrome中启用第三方Cookie如果您认为要

PHP8.0中的Cookie库PHP8.0中的Cookie库May 14, 2023 pm 04:51 PM

在互联网应用开发中,使用Cookie是常见的一种方式来维护用户会话状态。在PHP语言中,处理Cookie的相关功能在语言的核心库中得到了完善的支持,在最新的PHP8.0版本中,Cookie库得到了进一步的增强。一、PHP中的CookieCookie是一个小文本文件,可以存储在用户的浏览器中,它通常被用来记录用户的个性化设置、登录状态等信息。Cookie是基

GTA 6 document gives a detailed overview of all leaksGTA 6 document gives a detailed overview of all leaksSep 08, 2024 am 06:37 AM

On September 3, version 1.5 of the Grand Theft Auto VI document which provides a detailed overview of everything that is known about the game to date. The updated version of the document was announced in a trailer published on X (formerly Twitter).??

php curl怎么设置cookiephp curl怎么设置cookieSep 26, 2021 am 09:27 AM

php curl设置cookie的方法:1、创建PHP示例文件;2、通过“curl_setopt”函数设置cURL传输选项;3、在CURL中传递cookie即可。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター