巧用sessionstorage用法判断页面是关闭还是刷新

package cpy.clazz.practise;
import java.io.BufferedR
import java.io.FileR
import java.io.FileW
import java.io.IOE
import java.io.PrintW
import java.io.R
import java.io.W
* @author gson
public class BufferedTest {
public static void main(String[] args) {
// 读取package-info.java文件
Reader rd =...
package cpy.clazz.practise;
import java.io.FileR
import java.io.FileW
import java.io.IOE
* 字符流的使用
* @author gson
public class ReaderTest {
public static void main(String[] args) {
// 字符流读取
FileReader fr =
fr = new FileReader("src/cpy/clazz/package-info.java");
char[] c = new char[1024];
int pos = 0;
...
package cpy.clazz.practise;
import java.io.FileOutputS
import java.io.IOE
* FileOutputStream使用
* @author gson
public class FileOutputStreamTest {
public static void main(String[] args) {
// 得到操作对象
FileOutputStream fos =
fos = new FileOutputStream("test2/test2.txt");
// 需要把"FileOutputStream"写入到test2...
package cpy.clazz.practise;
import java.io.F
import java.io.FileInputS
import java.io.FileNotFoundE
import java.io.IOE
* FileInputStream使用
* @author gson
public class FileInputStreamTest {
public static void main(String[] args) {
* FileInputStream也是通过构造,来指定后续要操作的文件目标
// 读取test2/test2.txt。得到InputStream对象的两种...
css是一个很强大的东西,很多东西我们可以通过css就能完全实习安。今天给大家分享的是一个用css实习安的圆角带箭头的提示框。效果如下图:
这一个样式主要涉及到了css的边框样式border的运用和定位样式position。
&!DOCTYPE html&
&html lang="en"&
&meta charset="UTF-8"&
&title&圆角带箭头的框&/title&
padding-top: 200
border-radius: 5
width: 300
height: 150...
浏览(1804)
location /ucenter {
D:/workspace/
index index.php index.html index.
try_files $uri $uri/ /ucenter/index.
location ~ /ucenter/.+\.php$ {
if ($fastcgi_script_name ~ /ucenter/(.+\.php.*)$) {
set $valid_fastcgi_script_name $1;
fastcgi_index index.
fastcgi_param SCRIPT_FILENAME D:/workspace/ucen...
浏览(1735)
自从有了h5之后,以前我们很多很难实现的功能,现在都可以轻松的就解决了。譬如今天我要给大家分享的这个小技巧,就是利用了h5的新功能sessionStorage。
比如类似这样一个需求:记住用户最后一次访问系统的地址,然后当用户下次在进入系统的时候,需求直接进入最后一次访问的页面?
可能大家会有很多种方式可以实现,但是我今天给大家分享的一个纯前端的实现。
全部代码也就这么几行,其中用到两个新特性sessionStorage和localStorage。
localStorage用来存储用户最后访问的url,sessionStorage的变量用来判断用户当前行为是新进系统,还是只是刷新页面。
if(sessionStorage.opened){
console.log('窗口是刷新页面,不是新打开')
console.log('...
浏览(2298)
处理开启contenteditable模式的对象,在需要编辑激活的是,大多数情况我们都希望光标能自动跳入。但是源于contenteditable是非标准的编辑,所以浏览器默认是没有这个行为的。那么有实现这个功能,就必须我们自己用脚本控制了。var editor = document.getElementById('#div');
editor.onfocus = function () {
window.setTimeout(function () {
if (window.getSelection && document.createRange) {
range = document.createRange();
range.selectNodeContents(editor);
浏览(1877)
比较容易实现的一个功能,在easyui的主题css后面载入这段css就ok了。
.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{
-o-text-overflow:
text-overflow:
浏览器兼容状况
Lowest Version
Support of
Internet Explorer
text-overflow
Firefox (Gecko)
-o-text...
浏览(5437)
很多时候我们有从一个URL中提取域名,查询关键字,变量参数值等的需要,而万万没想到可以让浏览器方便地帮我们完成这一任务而不用我们写正则去抓取。方法就在JS代码里先创建一个a标签然后将需要解析的URL赋值给a的href属性,然后就得到了一切我们想要的了。
var a = document.createElement('a');
a.href = '/using-dom-analysis-urls.html';
console.log(a.host);
利用这一原理,稍微扩展一下,就得到了一个更加健壮的解析URL各部分的通用方法了。
浏览(3730)巧用sessionStorage判断页面是关闭还是刷新_百度知道如何查看session+storage的过期时间_壮志凌云
如何查看session+storage的过期时间
以下内容已过滤百度推广
5天前&-&5天前 - 如何查看session+storage的过期时间 20:12 为您推荐 电除尘器生产厂家 山西运城临猗美女 电脑旅游维修网站 北京电脑培训学校 免费...&&普通
[专业]答案:1、localstorage没有过期时间的功能,应该是指sessisnotorage,2、sessisnotorage与localstorage同属webstorage规范,api一致不过是带有生命周期的,其生命周期以...更多关于如何查看session storage的过期时间的问题&&&&专业问答网站
日&-&html5 提供两种web存储方法,localstorage 与 sessisnotorage localstorage 与 sessisnotorage 区别
localstorage没有过期时间,只要不clear或remove,...&&普通
日&-&问题对人有帮助,内容完整,我也想知道答案 0 问题...d盘怎么设置过期时间? 答案是:不能。 ...猜测楼主想要的应该是另一个东西:sessisnotor...&&普通
日&-&sessisnotorage 类似设置一个会话cookie(即不设置过期时间,当关闭浏览器或是页面时,会话cookie将被清除)
日&-&html5 提供两种web存储方法,localstorage 与 sessisnotorage localstorage 与 sessisnotorage 区别
localstorage没有过期时间,只要不clear或remove,...&&普通
日&-&在进行页面数据存储时,使用sessisnotorage对象保存的数据时间非常的短暂,一旦关闭浏览器,,所有使用sessisnotorage对像保存的数据将全部丢失,下面是一...&&普通
日&-&以上介绍了“session设置过期时间”的问题解答,希望对...生命周期 c# session jsp session sessisnotorage上...铠甲男模抓着jj走秀,日本姊姊看到流口...&&普通
日&-&因此sessisnotorage不是一种持久化的本地存储,仅仅是会话级别的存储。 而localstorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期...&&普通
语义关联近似词猜&正规性45地理位置网址标题|网址|摘要F0略略分类信息&|&猜&非正规中略略略精确匹配1略略分类信息&|&猜&非正规中略略略部分匹配2略略分类信息&|&猜&非正规中略略略精确匹配3略略分类信息&|&猜&非正规中略略略部分匹配4略略分类信息&|&猜&非正规中略略略部分匹配5略略分类信息&|&猜&非正规中略略略精确匹配6略略分类信息&|&猜&非正规中略略略部分匹配8略略分类信息&|&猜&非正规中略略略部分匹配9略略分类信息&|&猜&非正规中略略略部分匹配10
12时间限制猜&实时动态5相关检索词泛时效性8F1略略略略略略略略1略略略略略略略略2略略略略略略略略3略略略略略略略略4略略略略略略略略5略略略略略略略略6略略略略略略略略8略略略略略略略略9略略略略略略略略10
url2345摘要前标题后标题F2略略略略略正文略1略略略略略正文略2略略略略略正文略3略略略略略正文略4略略略略略正文略5略略8略略正文略6略略略略略正文略8略略略略略正文略9略略略略略正文略10
123原创猜&网址形式6相关词猜&相似度F3略略略略主页次优先&|&子页内容充实略略精确匹配1略略略略子页优先级较低略略D2略略略略主页次优先&|&子页内容充实略略精确匹配3略略略略主页次优先&|&子页内容充实略略D4略略略略主页次优先&|&子页内容充实略略D5略略略略主页次优先&|&子页内容充实略略精确匹配6略略略略主页次优先&|&子页内容充实略略D8略略略略子页优先级较低略略D9略略略略主页次优先&|&子页内容充实略略D10项目中踩过的坑之-sessionStorage
总想写点什么,却不知道从何写起,那就从项目中踩过的坑开始吧,希望能给可能碰到相同问题的小伙伴一点帮助。
项目情景:
有一个id,要求通过当前网页打开一个新页面(不是当前页面),并把id传给打开的新页面,然后新页面在初始化时候使用这个id,发送请求········。
解决方案:
第一个小伙伴选择了cookie,总所周知cookie可以在同源网页间共享。我建议他不要用,因为cookie在页面发送请求的时候都需要一同发送的,浪费带宽不好。
然后我骄傲的建议了他使用sessionStorage或者localStorage,出于偷懒目的~我让他选择了sessionStorage,关闭页面就自动清除,localStorage还需要调用removeItem进行清除。
小伙伴就使用了sessionStorage,哈哈,果然可以传给打开的新页面id信息,还没高兴多久,问题又来了,又有新的入口打开新的页面不需要传递id,这简单呀,就只要打开一个然后在新页面
使用完sessionStorage的id就清空好了,这样就不会出现只想打开新页面的时候还出现之前依据老id加载页面的情况了。想法是简单的,现实是残酷的,实际效果还是按照老的id加载的,为啥呀
然后就是各种网上查资料,这才发现自己是如此的天真,在三篇文章中看到如下内容,不知道如何引用,暂且copy过来吧,写文章的都是好人········
sessionStorage生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么所有通过sessionStorage存储的数据也就被清空了。
不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的localStorage(页面属于相同域名和端口),但是不同页面或标签页间无法共享sessionStorage的信息。这里需要注意的是,页面及标签页仅指顶级窗口,如果一个标签页包含多个iframe标签且他们属于同源页面,那么他们之间是可以共享sessionStorage的。
上面红色的字总结一下就是不同页面是无法使用sessionStorage的,可是为啥通过超链接或者window.open新页面的时候是可以传递sessionStorage的呀,感觉有点歪打正着的感觉······经过多次实验,发现了一个惊天秘密,打开的新页面的sessionStorage是通过原网页的sessionStroage复制传递过来的,也可以理解为新网页的sessionStorage是原网页的sessionStorage的复制出来的独立体,每个网页的sessionStorage都是一个独立的,原来是这样啊。哈哈,下面就简单了,只要用完就把原网页的sessionStorage清掉就好了哈。。。。。突然发现,想偷懒是不可能的了。。。。可是问题又来了,我咋知道啥时候新网页获取好sessionStorage,是不是有点想喷血的赶脚。。。。
然后我又骄傲的在原网页设置好sessionStorage的代码下面,使用了st=setTimeout(function(){ sessionStorage.removeItem(XXX);clearTimeout(st)//此处显示出个人修养和最起码的职业操守,鉴定完毕},1000);
···········问题愉快的解决了,可是我还在回想,假如当初讲究一下使用cookie,或者当时不想偷懒,直接使用localStorage就木有这么多问题了吧,哎,世事无常,想偷懒反而花费更多的时间和精力,反而学到了很多东西,假如有啥更好的解决方法请在下方回复哈,希望我踩的这个坑可以给大家一些帮助。
谢谢分享。我之前以为是整个浏览器窗口都关闭才会清楚sessionStorage,
1 总笔记数
507 总阅读量
Copyright &
All Rights Reserved.
合作伙伴:

我要回帖

更多关于 sessionstorage 删除 的文章

 

随机推荐