页面之间的跳转与交互

前言：想写这篇的原因，学到location对象以及之前大web大作业，想实现多个页面之间的跳转只能够通过a标签来实现，但是有些地方只用a标签显然是不够的，最终还是没有解决，全都是使用a标签……现在可以通过其他方法

<div id="app"><p><a href="B.html">链接方式跳转到B页面</a></p><button type="button">location.href方式跳转到其他页面</button>
</div>

下面三种结果是一样的，一般好像使用第二种……访问外部链接需要将协议填充完整才能够正常跳转

btn.addEventListener("click",function () {// location.assign('http://www.baidu.com');// location.href = 'http://www.baidu.com';window.location = 'http://www.baidu.com';
})

cookie

查看
设置
不会覆盖之前的内容，会以;向后添加，只有key相同的时候才会覆盖
删除
不是真的删除，将有效时间设置成前面一段时间

每次客户端向服务端发送请求的时候都会携带cookie，比较消耗带宽，并且携带的参数长度有限制4kb好像

应用场景：记住密码，自动登陆

两种浏览器存储API

不同点

sessionStorage
回话存储，只在当前页面有效，关闭无效。
localStorage
永久存储数据在客户端，不故意删除永久存在，
相同点：
页面刷新，这两种存储不受影响，还是存在的。
方法相同
- 设置 Storage.getItem(name)
- 获取 Storage.setItem(name,value)
- 清空 Storage.clear() 火狐无效
- 删除某一个Storage.removeItem(name)

sessionStorage.clear();
sessionStorage.setItem('name','liuhu');
sessionStorage.setItem('money','0');
console.log(sessionStorage)
console.log(sessionStorage.getItem('name'));
sessionStorage.removeItem('name');

在A页面中设置内容，想在B页面得到相同的内容，应该通过localStorage 存储，相当于是一个中介仓库……是不是和vueX非常类似

应用场景：

localStorage：购物车，常用于长期登录（+判断用户是否已登录），适合长期保存在本地的数据。
sessionStorage：敏感账号一次性登录；

页面之间的跳转与交互相关推荐

java中程序跳转_java程序中先后台交互的两种实现方式以及页面之间的跳转
虽然如今市面上很流行先后端分离,可是在不少企业中仍是使用的是SSH框架,先后端不分离. 那么此类先后端有其自身独特的先后台交互的方式,可是也支持js/jquery.下面对这两种方式作一下概括.java ...
页面之间的跳转方式和参数传递以及路由和生命周期
微信小程序拥有web网页和Application共同的特征,我们的页面都不是孤立存在的,而是通过和其他页面进行交互,来共同完成系统的功能.今天我们来研究小程序页面之间的跳转方式. 1.概述在Andr ...
Android深入浅出系列之实例应用—手机页面之间的跳转
在网页里,我们可以通过超级链接从一个网页跳转到另外一个网页,在手机里面,要如何实现手机页面之间的跳转呢? 原理:通过布局文件和setContentView()方法配合来实现.通过点击第一个布局文件ma ...
微信小程序实现两个页面之间的跳转
两个简单的页面点击链接实现在两个页面之间的跳转图片和文字自行设置步骤 1:创建项目 2:删除多余无用文件和代码最新版的微信开发者工具不支持创建空白项目,我们需要把原来多余的文件和代码删除需要 ...
利用计算机浏览信息,利用计算机浏览信息时，可以实现任意页面之间的跳转，这种技术最恰当的说法是（??）...
利用计算机浏览信息时,可以实现任意页面之间的跳转,这种技术最恰当的说法是(??) 小儿推拿经穴大多集中于A:腰背部B:胸腹部C:头面部D:上肢部E:下肢部做作屈伸练习前直后转时,髋关节及整个身体转向 ...
uni-app 使用 web-view 页面之间互相跳转、通信
最近开发小程序的时候.需要嵌入一个第三方网站.并且和第三方网站有些交互.这个第三方页面本身就是一个 HTML 页面.想着把它给嵌入到 uni-app 中,结果没实现-(很多的 js 代码在小程序中不识 ...
MVC Html.ActionLink Area 链接中含区域的页面之间的跳转
例如我有一个需求,使用@Html.ActionLink实现不同功能之间的跳转,有部分Control是在Area之下,这种时候我们应该如何实现区域间的跳转呢? 错误用例: <ul class=&q ...
支付宝小程序财富号基金相关页面之间相关跳转
支付宝小程序跳转 %小程序跳转财富号 this.$global.urlHandler(`alipays://platformapi/startapp?appId=xxxx000020191017684 ...
超链接之锚点的使用(页面内段落之间的跳转和不同页面之间的跳转)
Ⅰ. 1.同一个文件下的不同html页面跳转: ①.代码已亲测,可直接摘用: A.此代码为1first.html的代码: <!DOCTYPE html> <html lang=&qu ...

页面之间的跳转与交互

cookie

两种浏览器存储API

页面之间的跳转与交互相关推荐

最新文章

热门文章