sessionstorage

　　 注：这几天发现微软官方把 微软字典整站翻译API停止服务了（下面第三种方法目前已无法使用） 不知是永久还是暂时，扎心 　　 　　 前言 　　现在很多公司喜欢把网站做成中英文切换，比如某 零食官网 　　 　　 那么问题来了，一般实现中英文切换有哪些方法呢？下面我总结了三种方法 （因技术水平有限，若有错误，欢迎留言指正） 　 　 　 　解决方法 　　　　 方法1： （ 中英文各做一份，然后用不同的文件夹区分开来，点击切换语言时，链接跳转到不同文件夹就行了） 　　　　 　　 优点： 各自的版本是分离开来的，比较稳定，不会出现互相干扰 （共用数据库资料的除外） 　　　　 　　 缺点： 修改一个样式或功能，要把变更的操作 （代码逻辑、更换图片、修改样式等） 在所有的语言版本上重复一次，加重了工作量 　　　　　　 场景： 个人认为符合下面2种场景可以考虑使用这种方法 　　　　　　 注： 如果切换的语言版本很少，并且本身网站不复杂 （比如电商网站不推荐） 　　　　　　 　　 整体内容相对固定，布局比较简洁，扁平化，改动不会太频繁的 （比如新闻类网站不推荐） 　　 　　　　　 方法2： （借助 jquery 插件 —— jquery.i18n.properties） 　　　　　　详见： https://blog.csdn.net/aixiaoyang168/article/details

这里需要注意的是这两种储存方式只能以字符串的形式来存取 html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁 因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的 localStorage和sessionStorage都具有相同的操作方法，例如setItem、getItem和removeItem等 clear清除所有的key/value 用途：清除所有的key/value 用法：.clear() setItem、getItem和removeItem接收两个参数一个是key，一个是字符串 使用示例： var obj={'name':'本地缓存'} localStorage.setItem('obj',JSON.stringify(obj)); var str=localStorage.getItem('obj); console.log(JSON.parse(str)); localStorage.removeItem('obj'); 来源： https://www

var referurl = document.referrer; //上级网址 if(referurl.indexOf('address_order')>0){ //判断是否是从上一级地址跳转过来到当前页面的 sessionStorage.setItem('associationreferurl',referurl); //保存到sessionStorage；字符串的形式存储 } 简单设置和获取sessionStorage： 获取sessionStorage的值： sessionStorage.getItem('associationreferurl'); sessionStorage / localStorage setItem存储value 用途：将value存储到key字段 用法：.setItem( key, value) 代码示例： sessionStorage.setItem("key", "value"); localStorage.setItem("site", "js8.in"); getItem获取value 用途：获取指定key本地存储的值 用法：.getItem(key) 代码示例： var value = sessionStorage.getItem("key"); var site = localStorage.getItem("site");

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 共同点:都是保存在浏览器端，同源。 区别：cookie数据始终在同源的http请求携带，即cookie在浏览器和服务器间来传递。而sessionStorage 和localStorage 不会自动把数据发给服务器，仅本地保存。cookie数据不能超过4k,sessionStorage 和 localStorage 容量较大，数据有效期不同，sessionStorage:仅在当前浏览器窗口关闭前有效。localStorage: 始终有效，窗口或者浏览器关闭也一直保存，需手动清楚，cookie 只在设置的cookie过去时间之前一直有效，即使窗口或者浏览器关闭，作用域不同。sessionStorage不在不同的浏览器窗口汇总共享。localStorage 在所有同源窗口中都是共享的，cookie 也是所有同源窗口中都共享的。 应用场景。locaStorage 常用于长期登录（判断用户是否已登录），适合长期保持在本地的数据，sessionStorage ：敏感账号一次性登录。cookies与服务器交互。 来源： oschina 链接： https://my.oschina.net/u/3692906/blog/3015320

这篇文章主要给大家介绍了关于JavaScript学习教程之cookie与webstorage的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧 cookie 由于http是无状态的协议，一旦客户端和服务器的数据交换完毕，就会断开连接，再次请求，会重新连接，服务器单从网络连接上是没有办法知道用户身份的。cookie就是为了解决此问题而产生的，每次新的用户请求时，便给用户颁发一个独一无二的身份证，下次访问，必须带上身份证，这样服务器就会知道是哪个用户进行了访问，针对不同用户，做出不同的响应cookie是一个很小的纯文本文件（最多为4K），是浏览器储存在用户的机器上的。储存一些服务器需要的信息，每次请求站点，会发送相应的cookie，这些cookie可以用来辨别用户身份信息等作用。 cookie的属性字段 通过上面的实例可以知道，给cookie赋值时是不会覆盖cookie的原有的值，当等号前的属性名相同时，才会将原来相同属性名的值覆盖为后来设置的值。注意，cookie的两个字段之间是通过一个分号和空格分隔，而不是只有一个分号 当要给cookie设置非自定义的属性字段时，需要通过字符串追加的方式 例如： let expireDate = new Date(); document.cookie += "

var soundBgm=document.getElementById("music"); //判断本地是否有存储过音频播放时间 if(sessionStorage.bgmTime==null){ //若没有时，从头自动播放 soundBgm.currentTime=0; }else{ //若有存储的则，取出本地存储的音频播放的暂停时间 var curTime=window.sessionStorage.getItem("bgmTime"); sessionStorage.bgmPlay=soundBgm.bgmPlay; //从暂停时间开始接着播放 soundBgm.currentTime+=curTime; } //页面跳转时将本页面音频最后截至时间存储下来 function fun(){ soundBgm.pause(); sessionStorage.bgmPlay=soundBgm.bgmPlay; sessionStorage.bgmTime=soundBgm.bgmPlay?soundBgm.currentTime+soundBgm.context.currentTime-soundBgm.startTime:soundBgm.currentTime; location.href='02.html'; } 来源： CSDN 作者： 芜璃 链接： https:/