徐州网站开发市场,网页开发者模式怎么打开,做聚美优品网站得多少钱,海南直聘网在多页面应用中#xff0c;我们可能面临着前端页面之间传递参数的情况#xff0c;在一个页面获取到一些参数信息后#xff0c;到另一个页面去进行后续处理#xff0c;需要将前一个页面得到的一些参数带到第二个页面。当参数较少时#xff0c;可以在跳转第二个页面时通过se…在多页面应用中我们可能面临着前端页面之间传递参数的情况在一个页面获取到一些参数信息后到另一个页面去进行后续处理需要将前一个页面得到的一些参数带到第二个页面。当参数较少时可以在跳转第二个页面时通过search方法把参数传递过去其实就是这样的方式
windows.location pagepath?argarg;第二个页面可以这样把参数取出来
var reg new RegExp((^|) arg ([^]*)(|$),i);
var arg location.search.substr(1).match(reg);由于参数放在search串里会显示在浏览器的地址栏另外url有长度限制参数多了也不美观。 参数较多的情况有什么更好的办法么 这里要推荐用HTML本地存储-window.localStorage和window.sessionStorage了两种方式使用方法一样都是本地KV方式设置读取和删除。不同之处在于localStorage 存储的是没有截止日期的数据而sessionStorage 存储的数据仅在当前标签页有效如果用户关闭该浏览器标签页数据会被删除在别的标签页打开也是读不到数据的。 赋值参数页面
localStorage.setItem(key1, va1ue1);
localStorage.setItem(key2, value2);
sessionStorage.setItem(key3, va1ue3);
sessionStorage.setItem(key4, value4);
获取参数页面
var value1 localStorage.getItem(key1);
var value2 localStorage.getItem(key2);
localStorage.removeItem(key1);
var value3 sessionStorage.getItem(key3);
var value4 sessionStorage.getItem(key4);
sessionStorage.removeItem(key4);两种本地存储在使用场景上要注意下。由于localStorage是本地全局级的也就是说它不适用同一客户端的多实例因为当你已经打开了一个赋值页面并进行了一次赋值尚未跳转到获值页面再在第二个标签页再次打开赋值的页面并进行了一次赋值实际上会将你之前赋过的值覆盖掉这样你再在第一个标签页进入获值页面那么它获取的实际上是最后一次的赋值也就是说它是不支持多赋值并行的。而sessionStorage则没有了这个限制你可以打开任意多个标签页去赋值任意顺序去跳转到获值页面都没有逻辑上的错误。
