两个html页面之间传递值的方法

墨蓝 2022-03-30 10:38 948阅读 0赞

1、利用页面链接传递，用？号链接，不过这样传递中文会麻烦些，数字挺方便的。

页面一：

<script>   
function to()\{   
var getval =document.getElementById("cc").value;   
window.location.href="b.html?id="5555";   
\}   
</script>

页面二：

取值

var thisURL = document.URL;   
var getval =thisURL.split('?')\[1\];   
var showval= getval.split("=")\[1\];

showval==5555；//这个就是取出来的值

2、利用localstarage和sesionstorage 存取值；

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");

localstarage和sesionstorage 只能存储字符串类型值，对象类型的值可以先进行转化

例如：

var obj = \{ name:'Jim' \};  
var str = JSON.stringify(obj);   
//存入   
sessionStorage.obj = str;   
//读取   
str = sessionStorage.obj;   
//重新转换为对象   
obj = JSON.parse(str);

“自己整理了一份最全面前端学习资料,从最基础的HTML+CSS+JS \[炫酷特效，游戏，插件封装，设计模式\]到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴, 有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。”

加Q 裙：956940552（招募中）

发表评论取消回复

表情：

评论列表（有 0 条评论，948人围观）

还没有评论，来说两句吧...

相关阅读

相关 jsp页面之间值和值之间的传递

文链接：https://blog.csdn.net/HLK\_1135/article/details/52809468 HTTP是无状态的协议。Web页面本身无法向...

逃离我推掉我的手/ 2024年04月17日 05:59/ 0 赞/ 91 阅读

相关 TornadoFx 页面之间的数据传递

和Android开发一样,经常遇到两个页面之间需要进行数据的交互传输,本文讲解下TornadoFx框架中,页面之间的数据传递步骤方法方法1 - 使用构造方法首先,我

左手的ㄟ右手/ 2024年03月17日 14:54/ 0 赞/ 109 阅读

相关页面之间dataset数据传递方法

在网络上两个页面之间进行数据传递有很多中办法，这里我用了。net的现成方法，把表格数据传递到另外的页面。 db.table 数据 ——》dataset －－》xml－

桃扇骨/ 2022年08月25日 08:07/ 0 赞/ 221 阅读

相关 MFC 两个窗口传递值

2018年3月4日20:42:54 好久没摸过MFC了身边的小伙伴又有人入坑MFC ，（我都已经好久不碰这玩意儿了）今天问我怎么在两个窗口之间传值。接着上次，做一次总结

Dear 丶/ 2022年07月12日 15:23/ 0 赞/ 221 阅读

相关两个Activity之间传值

点击按钮进入第二个Activity 第一个Activity import android.os.Bundle; import android.app.A

雨点打透心脏的1/2处/ 2022年06月12日 05:19/ 0 赞/ 236 阅读

相关两个静态html页面传值方法的总结

问题因最近尝试实现客户端与服务端分离，服务端只提供接口，客户端用html+js实现，分成两个独立的项目部署，因项目是个人项目，客户端展示不考虑使用像Angular、Vu

野性酷女/ 2022年06月06日 04:24/ 0 赞/ 260 阅读

相关两个html页面之间传递值的方法

1、利用页面链接传递，用？号链接，不过这样传递中文会麻烦些，数字挺方便的。页面一： <script> function to()\{ var getval =

墨蓝/ 2022年03月30日 10:38/ 0 赞/ 949 阅读

相关 ASP.NET 页面之间传递值的几种方式

1.使用QueryString, 如....?id=1; response. Redirect().... 2.使用Session变量 3.使用Server.Transfe

系统管理员/ 2021年12月21日 14:25/ 0 赞/ 258 阅读

相关两个HTML 页面间的数据传递

<html> <head lang="en"> <meta charset="UTF-8"> <title> 起

柔光的暖阳◎/ 2021年12月17日 13:17/ 0 赞/ 306 阅读

相关关于在两个jsp页面之间传递值的问题

昨天我的一篇博客是关于如何根据用户名和密码，在数据库里面查到用户的ID的，但是我查询到以后存在session里面，所以我都能其他各个页面里面用。然后我现在要在另一个页面

古城微笑少年丶/ 2021年07月09日 09:33/ 0 赞/ 476 阅读