跨页面传值location.href

最新推荐文章于 2023-05-09 15:55:21 发布

原创最新推荐文章于 2023-05-09 15:55:21 发布 · 493 阅读

0 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

42 篇文章

订阅专栏

本文介绍了一个简单的页面间变量传递示例，通过JavaScript实现点击按钮后跳转到另一个页面并携带参数。此方法适用于前端开发中需要进行页面跳转且需传递数据的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

a页面

var oBtn=document.querySelector('.btn');
oBtn.onclick=function(){
    oBtn.href='b页面?bianliang'
}

b页面

var oTxt=document.querySelector('.txt')
var h=location.href;
var va=h.substring(h.indexOf('?')+1);
oTxt.value=va

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

冬天的风好大

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Tab页跨页面通信

D_Oestiny的博客

03-16

894

一. 要求的场景在浏览器中我们打开同一个网站的多个标签页，假如我们打开了两个页面A和B,现在要求实现操作标签页A改变标签页B的对应部分。那么像这要的需求我们需要怎么样去实现？我能想到的也就有LocaStorage,Cookie。通过网上查找其他的大神的资料，发现还可以通过html5浏览器的新特性SharedWorker或者postMessage来实现二.方法实现 1. LocalS...

Location 对象实现跨页面传递参数与地址栏的处理

懒虫翻身的博客

08-05

2642

Location 对象实现跨页面传递参数与地址栏的处理【1】Location 对象简介 Location 对象包含有关当前 URL 的信息。 Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。 1）Location 对象属性 location.host // 设置或返回主机名和当前 URL的端口号 loca...

参与评论您还未登录，请先登录后发表或查看评论

利用location.href跳转页面传值（中文），乱码问题

LJT666888的博客

03-29

1573

之前做了一个博客跳转页面，用onclick事件响应跳转到编辑页面时，出现乱码，解决办法用encodeURI(）进行编码，用decodeURI() 函数对encodeURI() 函数编码过的 URI 进行解码。第一个页面： window.location.href = "editBlog.html?title=" + encodeURI(obj.title) + "&tag="...

ajax和location的传值顺序

weixin_44423938的博客

03-13

460

用tp5.1做项目时遇到一个由于需要同时用了ajax和location传值，但是发现通过requery获取值时发现获取不了ajax传过来的值 //这里使用para，因为我自己用过$_POST和$_GET都不行，所以这些是基于用para（）基础上说的哈 $request=new Request(); $list_id=$request->param('href_id'); //l...

window.location.href 跳转页面，隐藏携带的参数

zyf_smile的博客

05-09

4657

在使用 ajax返回结果后，我们有一种需求：根据返回结果跳转到相应的页面，并且跳转过程中会携带一个或多个参数，传递至某个页面或者后台的某个方法，这个时候跳转页面后携带的参数就会直接暴露给用户，带来极大的安全隐患。

window.location.href跳转页面并传值及接收值

是我的温柔啊

11-02

1万+

传值通过?在url上拼接值，进行传递。下方分别是单参数传递和多参数传递： window.location.href = "/static/test.html?type=" + this.selected window.location.href = "/static/test.html?type=" + this.selected + '&value=' + val; 接收值： //获取地址栏参数，name:参数名称 function getUrlParms (name) {

几种JSP页面传值方式.txt

06-12

### 几种JSP页面传值方式详解在Java Web开发中，JSP（Java Server Pages）是一种常用的技术，用于创建动态网页。JSP页面之间的数据传递是实现前后端交互的关键环节之一。本文将详细介绍几种常见的JSP页面传值方式...

利用location.href传值

09-21

利用`location.href`传值是通过改变URL的参数来实现的。你可以通过拼接URL参数的方式，在跳转页面的同时将值传递给目标页面。例如，通过`window.location.href = "servlet/LoginServlet?id=" + id + "&password=" + ...

window.location.href传参

07-25

- *2* [window.location.href跳转页面并传值及接收值](https://blog.csdn.net/qq_42969135/article/details/109360734)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":...

window.location.href传参 header

08-09

引用中提到了使用window.location.href进行页面跳转和传参的方法。可以直接使用window.location.href = “./punch/clock_frm.html”来跳转页面。如果要进行问号传参，可以使用window.location.href = “./punch/...

熟练使用servlet实现CRUD 1.通过request的转发携带数据，实现后台集合里所有元素的页面显示（全查）提示：可以不用登录，可以直接访问findAllController, 得到数据后，直接转发到index.jsp页面 2.通过前端传值和后台处理，用List集合模拟数据库实现添加功能并更新页面数据显示，参考流程如下： a.前端页面通过form表单传值到后台 b.后台通过request接收前端传值 c.后台通过静态集合模拟数据库添加数据 d.数据添加完成后，通过request的setAttribute(k,v)方法，把数据转发到index.jsp页面 e.index.jsp页面接收到request发来的数据，并显示 3.通过前端传值和后台处理，结合request两次转发，用List集合模拟数据库实现修改功能 a.前端页面通过JS代码(location.href=”URL”+参数)传值到后台 b.后台通过request接收前端传值,并组装成对象，转发到updateShow.jsp页面 c.updateShow.jsp页面接收到对象后显示到页面 d.用户通过udpateShow.jsp页面输入修改后的数据并提交表单到updateConfirm的servlet e.后台通过静态集合模拟数据库修改数据 f.数据修改完成后，通过request的setAttribute(k,v)方法，把数据转发到index.jsp页面 g.index.jsp页面接收到request发来的数据，并显示 4.通过简单JS代码，实现List模拟数据库删除数据功能并刷新表格 a.前端页面通过JS代码(location.href=”URL”…)传参到后台 b.后台通过request接收前端传值 c.后台通过静态集合模拟数据库删除数据 d.数据删除完成后，通过request的setAttribute(k,v)方法，把数据转发到index.jsp页面 index.jsp页面接收到request发来的数据，并显示