首页 > 其他分享 >html带参数跳转,SessionStorage方式。

html带参数跳转,SessionStorage方式。

时间:2023-06-25 18:14:27浏览次数:43  
标签:浏览器 SessionStorage 跳转 window html 参数 sessionStorage 页面

sessionStorage 和 localStorage

sessionStorage 浏览器关闭时自动销毁
localStorage 存储在浏览器中,只要你不主动删除就是无期限

sessionStorage用法

// 保存或设置数据到sessionStorage
window.sessionStorage.setItem('key','value')

// 获取某个sessionStorage
window.sessionStorage.getItem('key')  

// 从sessionStorage删除某个保存的数据
window.sessionStorage.removeItem('key')

// 从sessionStorage删除所有保存的数据
window.sessionStorage.clear();

使用

如果你希望使用 jQuery 实现在不显示参数的情况下跳转到另一个页面,而不是通过发送请求的方式,你可以尝试使用 sessionStorage 或 localStorage 来存储参数,并在目标页面中读取这些参数。

以下是一个示例代码:

在当前页面:

javascript
// 存储参数
sessionStorage.setItem("param1", "value1");
sessionStorage.setItem("param2", "value2");

// 跳转到目标页面
window.location.href = "/your/target/page";
在目标页面:

javascript
$(document).ready(function() {
  // 读取参数
  var param1 = sessionStorage.getItem("param1");
  var param2 = sessionStorage.getItem("param2");

  // 使用参数进行相应处理
});

在当前页面,使用 sessionStorage.setItem 方法将参数存储在sessionStorage 中。然后,使用 window.location.href 跳转到目标页面。

在目标页面,使用 sessionStorage.getItem 方法读取之前存储的参数,并进行相应的处理。

注意,这种方式只适用于在同一个浏览器窗口/标签页中跳转,不适用于不同的浏览器窗口/标签页之间的跳转。此外,当浏览器关闭时,存储在 sessionStorage 中的数据会被清除。

标签:浏览器,SessionStorage,跳转,window,html,参数,sessionStorage,页面
From: https://www.cnblogs.com/chaishengblog/p/17503595.html

相关文章

  • HTML5视频播放停止后自动关闭
    <videoid="video"poster="img"style='width:486px;height:486px'src='"+video+"'preload="auto"controls="controls"autoplay="autoplay"></video><imgonClic......
  • html to canvas to images
    html2canvas是一种将HTML元素转换为canvas元素的JavaScript库,它的原理是通过遍历HTML元素,将元素的内容绘制到offscreen的canvas上,最终通过canvas的toDataURL方法将其转换成图片格式。具体的实现流程如下:获取需要转换的HTML元素创建一个offscreen的canva......
  • markdown 笔记转 html 单文件
    markdown笔记转html单文件图片转base64![image][imageid][imageid]:yourimage'sbase64markdown转html工具i5ting_toc安装安装nodejs环境:https://nodejs.org/en/npminstalli5ting_toc-g使用进入md文件所在目录,打开cmd窗口输入命令i5ting_toc-fin......
  • HTML------常见的几种图片格式(GIF、PNG、JPG)讲解
    (1)GIF格式GIF格式最突出的特点是支持动画同时GIF是一种无损的图像格式,即修改图片之后,图片质量没有损失。GIF支持透明效果但只能处理256中颜色。因此在网页制作中,GIF格式常用于Logo、小图标和其他色彩相对单一的图像。(2)PNG格式 PNG包括PNG-8和真色彩(PNG-24和PNG-32)。相......
  • 优雅地解析HTML文档-Jsoup
    一、介绍Jsoup是一个流行的JavaHTML解析器,它主要用于用于从Web页面中提取并解析HTML数据。它提供了一种简单而优雅的方式,使得开发人员可以快速解析HTML并从中提取数据。二、特性1.遵循HTML5标准。2.解析速度快,灵活性强。3.API易于使用,并提供了丰富的文档。4.......
  • 跳转到指定标签处运行:GoTo
    语法VBA中,在程序运行时,使用GoTo结构,跳转到指定标签处运行,从而不执行GoTo语句和指定标签之间的代码。在实际的VBA开发中,Goto结构多用于处理错误的情形,即发生错误时,跳转到处理错误的代码处。GoTo结构由GoTo语句和标签语句组成。基本语法如下:GoTo[标签]'被跳过的代......
  • 前端面试题之HTML和浏览器
    00-一些术语DTD:DocumentTypeDefinition文档类型定义,是一组机器可读规则,定义XML和HTML的特定版本中所有允许元素及它们的属性和层次关系的定义。DTD对HTML文档的声明会影响浏览器的渲染模式。SGML:标准通用标记语言,是一种定义电子文档结构和描述其内容的国际标准语言。HTML:超......
  • 【js学习笔记二】innerHTML和innerText的使用
     目录前言导语代码部分 运行结果总结前言   我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷导语......
  • 前端-HTML
    1.HTML基础1.1标签语法HTML超文本标记语言——HyperTextMarkupLanguage。超文本:链接标记:标签,带尖括号的文本标签结构标签要成对出现,中间包裹内容<>里面放英文字母(标签名)结束标签比开始标签多/标签分类:双标签和单标签ctrl+b隐藏结构//双标签:<str......
  • HTML-----------HTML基本格式
    1、<!DOCTYPE><!DOCTYPE>位于文档的最前面,用于向浏览器说明当前文档使用那种HTML或XHTML标准规范。只有在开头处使用<!DOCTYPE>声明,浏览器才能将该文档作为有效的HTML文档,并按指定的文档类型进行解析。2、<html><html>位于<!DOCTYPE>之后,也被称为跟标签。跟标签主要用......