Javascript - 我可以在 HTML 中显示 cookie 的值吗?
Javascript - Can I display the value of a cookie in HTML?
我有一个 bootstrap 网站,我使用插件 JS-cookie 在 cookie 中存储用户信息。
我可以使用经典 JS/Jquery 在 HTML 中显示 cookie 的值,还是必须使用像 Angular 这样的框架?
编辑:
我用js-cookiehttps://github.com/js-cookie/js-cookie
所以我的代码是,在首页:
<script>Cookies.set('money', '200', { expires: 7 });</script>
在正文中:
<p> You have <script>Cookies.get('money')</script> dollars </p>
您不只是在 HTML 中间插入脚本来获取函数的结果。该脚本必须执行一个操作来将一个值放入 DOM.
<p You have <span id="amount"></span> dollars </p>
<script>
var amount = Cookies.get('money');
document.getElementById('amount').textContent = amount;
</script>
在本机 JavaScript 中,您可以执行以下操作。注意:由于安全限制,这似乎不适用于 Whosebug,但它似乎适用于 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>
我有一个 bootstrap 网站,我使用插件 JS-cookie 在 cookie 中存储用户信息。
我可以使用经典 JS/Jquery 在 HTML 中显示 cookie 的值,还是必须使用像 Angular 这样的框架?
编辑:
我用js-cookiehttps://github.com/js-cookie/js-cookie
所以我的代码是,在首页:
<script>Cookies.set('money', '200', { expires: 7 });</script>
在正文中:
<p> You have <script>Cookies.get('money')</script> dollars </p>
您不只是在 HTML 中间插入脚本来获取函数的结果。该脚本必须执行一个操作来将一个值放入 DOM.
<p You have <span id="amount"></span> dollars </p>
<script>
var amount = Cookies.get('money');
document.getElementById('amount').textContent = amount;
</script>
在本机 JavaScript 中,您可以执行以下操作。注意:由于安全限制,这似乎不适用于 Whosebug,但它似乎适用于 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>