-5

私はブートストラップ Web サイトを持っており、プラグイン JS-cookie を使用してユーザー情報を Cookie に保管しています。

従来の JS/Jquery を使用して HTML で Cookie の値を表示できますか、それとも Angular のようなフレームワークを使用する必要がありますか?

編集 ：

私はjs-cookie https://github.com/js-cookie/js-cookieを使用しています

だから私のコードは、ヘッドページにあります:

         <script>Cookies.set('money', '200', { expires: 7 });</script>

と本体で：

       <p> You have  <script>Cookies.get('money')</script> dollars </p>
4

2 に答える 2

2

関数の結果を取得するために、HTML の途中にスクリプトを挿入するだけではありません。スクリプトは、値を DOM に入れる操作を実行する必要があります。

<p You have <span id="amount"></span> dollars </p>
<script>
var amount = Cookies.get('money');
document.getElementById('amount').textContent = amount;
</script>
于 2016-02-08T23:34:01.507 に答える
1

ネイティブ JavaScript では、次のことができます。注: セキュリティ上の制限により、これは Stackoverflow では機能しないようですが、CodePenでは機能するようです。

var arr = document.cookie.split(';'),
    cookies = {};
for(var i=0; i < arr.length; i++){
  var parts = arr[i].split('=');
  if(parts.length !== 2) continue;
  cookies[parts[0].trim()] = parts[1];
}
console.dir(cookies)

document.getElementById('out').textContent = cookies['myCookieKey'];
<div id="out"></div>

アップデート

JS-Cookie コードの使用:

<p>You have <span id="amount"></span> dollars</p>

<script>
document.getElementById('amount').textContent = Cookies.get('money');
</script>
于 2016-02-08T23:41:37.850 に答える