如何用js向cookie中保存数据、取数据？

JavaScript016

如何用js向cookie中保存数据、取数据？,第1张

用js向cookie中保存数据、获取数据的方法如下：\x0d\x0afunction GetCookieVal(offset)\x0d\x0a//获得Cookie解码后的值\x0d\x0a{\x0d\x0avar endstr = document.cookie.indexOf ("", offset)\x0d\x0aif (endstr == -1)\x0d\x0aendstr = document.cookie.length\x0d\x0areturn unescape(document.cookie.substring(offset, endstr))\x0d\x0a}\x0d\x0a\x0d\x0a//---------------------------\x0d\x0afunction SetCookie(name, value)\x0d\x0a//设定Cookie值\x0d\x0a{\x0d\x0avar expdate = new Date()\x0d\x0avar argv = SetCookie.arguments\x0d\x0avar argc = SetCookie.arguments.length\x0d\x0avar expires = (argc >2) ? argv[2] : null\x0d\x0avar path = (argc >3) ? argv[3] : null\x0d\x0avar domain = (argc >4) ? argv[4] : null\x0d\x0avar secure = (argc >5) ? argv[5] : false\x0d\x0aif(expires!=null) expdate.setTime(expdate.getTime() + ( expires * 1000 ))\x0d\x0adocument.cookie = name + "=" + escape (value) +((expires == null) ? "" : ("expires="+ expdate.toGMTString()))\x0d\x0a+((path == null) ? "" : ("path=" + path)) +((domain == null) ? "" : ("domain=" + domain))\x0d\x0a+((secure == true) ? "secure" : "")\x0d\x0a}\x0d\x0a\x0d\x0a//---------------------------------\x0d\x0afunction DelCookie(name)\x0d\x0a//删除Cookie\x0d\x0a{\x0d\x0avar exp = new Date()\x0d\x0aexp.setTime (exp.getTime() - 1)\x0d\x0avar cval = GetCookie (name)\x0d\x0adocument.cookie = name + "=" + cval + "expires="+ exp.toGMTString()\x0d\x0a}\x0d\x0a\x0d\x0a//------------------------------------\x0d\x0afunction GetCookie(name)\x0d\x0a//获得Cookie的原始值\x0d\x0a{\x0d\x0avar arg = name + "="\x0d\x0avar alen = arg.length\x0d\x0avar clen = document.cookie.length\x0d\x0avar i = 0\x0d\x0awhile (i 回答于 2022-12-11

是的，JavaScript 可以通过使用浏览器提供的 API 来修改前端页面。

例如，你可以使用 JavaScript 在页面上添加、删除或修改 HTML 元素，更改元素的样式，设置或修改元素的内容，并且还可以通过使用浏览器提供的 Web Storage API 来保存数据。

但是，JavaScript 无法直接访问或修改浏览器本地磁盘上的文件，也无法将保存的数据发送到服务器。如果你想要修改服务器上的数据，则需要使用其他技术，例如发送 HTTP 请求（例如使用 XMLHttpRequest 或 fetch）来与服务器进行通信。

1、新建一个HTML页面，命名为test.html。

2、编写JS代码，将上面的JSON数据存储于JS变量JSONObject中，方便后面通过该变量取出JSON值。

3、编写HTML代码，定义四个span标签，用于后面将读取的JSON数据放入其中显示出来。

4、为了方便将JSON值在span标签内显示，每个span标签添加id属性，并设置专有的id值。

5、JSON数据是以对象为基础的数据，可以通过“JSON.名称”的方式取出值来。例如，下面把JSON的变量取出来并存于一个变量中。

6、通过使用document.getElementById的方法获得span对象，再把读取出来的JSON数据使用innerHTML方法显示在span标签中。