关键词：

由于之前面试，被问到过此问题，所以今天特意整理了一下。由于自己技术水平有限，若存在错误，欢迎提出批评。

本博客整理了两种方式从一个页面层向另一个页面层传递参数。

一. 通过cookie方式

1. 传递cookie页面的html,此处命名为a.html

请输入用户名和密码：
<input id="userName" type="text" />
<input id="passwords" type="password" />
<button id="btn">设置</button>
<button onclick="login()">传递cookie</button>
<button onclick="deletecookie()">删除</button>

2.a.html的js代码

//设置cookie
var setCookie = function (name, value, day) 
    //当设置的时间等于0时，不设置expires属性，cookie在浏览器关闭后删除
    var expires = day * 24 * 60 * 60 * 1000;
    var exp = new Date();
    exp.setTime(exp.getTime() + expires);
    document.cookie = name + "=" + value + ";expires=" + exp.toUTCString();
;
//删除cookie
var delCookie = function (name) 
    setCookie(name, ‘ ‘, -1);
;
//传递cookie
function login() 
    var name = document.getElementById("userName");
    var pass = document.getElementById("passwords");
    setCookie(‘userName‘,name.value,7)
    setCookie(‘password‘,pass.value,7);
    location.href = ‘b.html‘

function deletecookie() 
    delCookie(‘userName‘,‘ ‘,-1)

3. 接受cookie的页面，此处定义为b.html

<button onclick="getcookie()">获取</button>

4. b.html的js代码

//获取cookie代码
var getCookie = function (name) 
    var arr;
    var reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
    if (arr = document.cookie.match(reg))
        return arr[2];
    
    else
        return null;
;
//点击获取按钮之后调用的函数
function getcookie() 
    console.log(getCookie("userName"));
    console.log(getCookie("password"))

二. 通过url传递参数的方式

该案例也是从a.html向b.html页面传递参数

1. a.html的代码

<input type="text" value="猜猜我是谁">
<button onclick="jump()">跳转</button>

2.点击跳转按钮可以将input标签的value值传递到b.html

function jump() 
    var s = document.getElementsByTagName(‘input‘)[0];
    location.href=‘7.获取参数.html?‘+‘txt=‘ + encodeURI(s.value);

3. b.html中的代码

<div id="box"></div>

var loc = location.href;
var n1 = loc.length;
var n2 = loc.indexOf(‘=‘);
var txt = decodeURI(loc.substr(n2+1,n1-n2));
var box = document.getElementById(‘box‘);
box.innerHTML = txt;

三.通过localStorage

通过localStorage传递参数类似cookie。但是要注意：要访问一个localStorage对象，页面必须来自同一个域名（子域名无效），使用同一种协议，在同一个端口上。

1. a.html中的js文件

//将localStorage传递到哪个页面
location.href = ‘b.html‘
//设置localStorage
window.localStorage.setItem(‘user‘,‘haha‘);

2.b.html中的文件

<button onclick="getcookie()">获取</button>
function getcookie() 
    //获取传递过来的localStorage
    console.log(window.localStorage.getItem(‘user‘))

将数据从页面传递到另一个页面

】将数据从页面传递到另一个页面【英文标题】：Passdatafrompagetoanother【发布时间】：2020-11-2014:30:37【问题描述】：我最近开始使用next.js，虽然我已经有一些react经验，但我有以下文件夹结构：/segments-index.js-[slug].js场景：在页面[... 查看详情

如何在get上将变量从一个页面（视图）传递到另一个页面？(代码片段)

我需要将一个变量从一个页面传递到另一个页面。在下一页上，在视图/模板中，我检查变量，如果存在，我会对页面的呈现方式进行一些调整。答案您可以将其作为上下文传递。defmy_view(request):ifrequest.method=='GET':my_variable=request.G... 查看详情

如何通过使用 node.js 和 express 的 onclick 将数据从一个页面传递到另一个页面？

】如何通过使用node.js和express的onclick将数据从一个页面传递到另一个页面？【英文标题】：Howtopassdatafromonepagetoanotherbyonclickwithnode.jsandexpress?【发布时间】：2021-04-2207:20:57【问题描述】：app.jsconstdatabase=newDatastore(\'database.db\');databa... 查看详情

php-使用$_session[duplicate]将值从一个页面传递到另一个页面的数组(代码片段)

...tice:Undefinedoffset”usingPHP28回答 目标：我想传递一个数组，其中包含从页面到另一个页面的值。问题：说到第二页，我试图print_r数组，它没有任何值。它在第二页上给了我这个 查看详情

用js通过url传参把数据从一个页面传到另一个页面

...习吧。好了，言归正传。在没有后台支持的情况下，如何实现从一个页面像另一个页面来传递数据呢？应该很多人遇到过这个问题吧。那我就来说说我在项目中遇到的时候是如何解决的。比如说，有两个页面，page1.html，和page2.ht... 查看详情

如何在页面之间传递input=“file”数据(代码片段)

我正在尝试实现文件上传按钮，一旦选择了文件，用户就会被定向到另一个页面，其中包含一个表单，以便在提交之前填写额外的数据。这可能吗？要将输入值传递到另一个页面？我注意到表单项的“值”不是真值（即前缀为“... 查看详情

无法使用角度js重定向到另一个页面(代码片段)

我试图在成功登录时重定向到另一个页面，但是我没有重定向到另一个页面，而是被重定向到默认页面：.otherwise(redirectTo:'/home')`.角度代码：if(res.status==200)console.log($scope.user);alert('Loginsuccessfull');$location.path('http://localhost:3000/#!/pro 查看详情

使用 java servlet 将数据从一个 html 页面传递到另一个页面

】使用javaservlet将数据从一个html页面传递到另一个页面【英文标题】：Passingdatafromonehtmlpagetoanotherwithjavaservlets【发布时间】：2013-02-0321:03:57【问题描述】：所以我在“File1.html”中有一个html表单<formaction="MyServlet"method="post">MyD... 查看详情

使用 header() 将数据从一个 PHP 页面传递到另一个页面

】使用header()将数据从一个PHP页面传递到另一个页面【英文标题】：PassDatafromOnePHPPagetoAnotherusingheader()【发布时间】：2012-01-0321:33:32【问题描述】：我想将数据从一个PHP文件发送到第一个PHP文件所在的子文件夹中的另一个PHP文件... 查看详情

将表单数据传递到另一个 HTML 页面

】将表单数据传递到另一个HTML页面【英文标题】：passingformdatatoanotherHTMLpage【发布时间】：2013-01-1913:36:14【问题描述】：我有两个HTML页面：form.html和display.html。在form.html中，有一个form：<formaction="display.html"><inputtype="text"na... 查看详情

将 json 数据从一个 vue 页面传递到另一个 vue 页面并渲染图表

】将json数据从一个vue页面传递到另一个vue页面并渲染图表【英文标题】：Passingjsondatafromonevuepagetoanothervuepageandrenderthechart【发布时间】：2019-11-0301:01:49【问题描述】：我正在遍历vue中表内的json数据，并使用路由器链接将其中的... 查看详情

将帖子保存到数据库后，如何路由到另一个ejs页面(代码片段)

如何在带有ejs的node.js中的帖子后加载另一个页面。//routerfunctionrouter()ticketRouter.route("/create/submit")//tiedtosubmitfromoneejs.post(dataControllerThatTakesCareOfThis)//worksfine//eitherinhere,oreventhecontrollerI 查看详情

将来自服务器的数据从一个页面传递到另一个页面，而不使用表单

】将来自服务器的数据从一个页面传递到另一个页面，而不使用表单【英文标题】：Passingdatathatiscomingfromaserver,fromonepagetoanotherinjavascriptwithoutusingforms【发布时间】：2015-11-0902:09:12【问题描述】：我对javascript没有太多把握，并且... 查看详情

如何将数据列表中按钮的命令参数传递到另一个页面？

】如何将数据列表中按钮的命令参数传递到另一个页面？【英文标题】：HowdoipassacommandargumentofabuttoninDataListtoanotherpage?【发布时间】：2020-01-0408:21:11【问题描述】：实际上，我正在尝试将数据列表中存在的按钮的命令参数重定向... 查看详情

如何使用angular js 1将数据从一个控制器传递到另一个控制器

】如何使用angularjs1将数据从一个控制器传递到另一个控制器【英文标题】：howtopassingdatafromonecontrollertoanothercontrollerusingangularjs1【发布时间】：2017-09-2707:57:55【问题描述】：大家好，我使用angularjs，我需要将值从一个页面控制器... 查看详情

java示例代码_将复选框值数组从一个JSP页面传递到另一个JSP页面

java示例代码_将复选框值数组从一个JSP页面传递到另一个JSP页面 查看详情

如何在不使用离子的this.navctrl.push（postpage，data）的情况下将数据传递到另一个页面(代码片段)

假设我已将用户登录用户名作为数据传递给phpapiurl，以便从数据库中获取用户详细信息letdata=username:this.username;this.http.post('http://onitor.com/api/retrieve_data.php',data,options)当数据以json格式返回时，.map(res=>res.json()).subscribe(res= 查看详情

一个js库就能解决小程序跨页传递事件消息和数据(代码片段)

由于微信小程序wx.navigateBack方法并不支持返回传值，导致页面在返回后，不能方便地即时更新数据。一.需求分析此类需求大概意思是：A页面进入B页面，B页面返回并传值给A或在B页面触发事件时，A页面也有事件触发改变。 &n... 查看详情