两个页面之间通过url地址栏进行传值

最新推荐文章于 2021-12-06 18:10:20 发布
最新推荐文章于 2021-12-06 18:10:20 发布
阅读量7.2k 收藏 2
点赞数 1
分类专栏： JavaScript每日练习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TTO_OTT/article/details/45917111
版权
本文介绍如何在两个页面之间通过URL地址栏传递参数。以一个简单的例子展示，当点击第一个页面中的图片时，如何将图片属性值传递到第二个页面并获取。利用location.assign进行传值，location.href在目标页面接收。虽然初学者可能会遇到困难，但掌握后其实并不复杂。
摘要由CSDN通过智能技术生成


第一个页面中有两个图片，当点击的时候能在第二个页面中获得它的属性值,通过location.assign在第一个页面进行传值,location.href在第二个页面进行接受值,一开始不会传值问题，但对于不知道怎么传值的人来说刚开始摸索，觉得好困难，但当会用了之后觉得不难，所以写此文以供参考。
简单示例：
第一个页面： 

<!DOCT
最低0.47元/天 解锁文章
新凉
关注
专栏目录
js 两个网页之间通过URL传输数据
skysys的研究小屋
02-06 631
function getUrlField(name){//拿到URL里的数据 var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return unescape(r[2...
利用URL地址实现页面间传输数据和获取数据
m0_63975764的博客
07-28 4504
利用URL地址实现页面间传输数据和获取数据，我们两种方法进行传值： 1 a标签中设置href在url上存放数据，里面的数据以key-value方式存储2 通过window.location.href="url" 我们可以通过location.search方法
url 传值
weixin_34292959的博客
04-23 130
js获取url参数值： index.htm?参数1=数值1&amp;参数2=数值2&amp;参数3=数据3&amp;参数4=数值4&amp;...... 静态html文件js读取url参数 根据获取html的参数值控制html页面输出 一、字符串分割分析法 这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案，相当于asp的request.querystring，PHP...
数据在不同页面的传递（URL参数获取）
m0_48375854的博客
12-06 1385
        网页中，我们常常遇到这种情况，当我们在某个页面输入信息的时候，会跳转到另一个页面，并且会将我们输入的信息传递到另一个页面中，怎样操作呢？ 今天，我们就来实战一下，比如，现在有两个页面，当我们在一个页面输入用户信息的时候，就会跳转到另一个页面并显示，xx欢迎登录的界面。         先来看看设计思路： 第一个登录页面，里面有提交表
URL传值
schangxiang的专栏
06-07 318
目录 1、使用Request.QueryString[] 2、使用RouteData.Values 3、使用action参数 从控制器中获取URL值的三种方式： 1、使用Request.QueryString[] 2、使用RouteData.Values 3、使用action参数 ...
js实现页面与页面之间传值,js利用地址栏URL传值,利用H5 Web 存储 传值,利用JavaScript Cookie存储 传值
07-12
在网页开发中，数据传递是不可或缺的一环，尤其是在多个页面之间进行交互时。本文将详细介绍JavaScript如何实现页面间传值，包括通过URL、H5 Web Storage（包括localStorage和sessionStorage）以及JavaScript Cookie...
asp.net url传递后地址栏乱码(中文超过两个汉字)
01-01
编码编好的url是正确的，可传到另一个页面 就会出错，在地址栏就已经乱码了 1.设置web.config文件 代码如下: <system> ”gb2312″ responseEncoding=”gb2312″ culture=”zh-CN” fileEncoding=”gb2312″> ...
js获取url传值的方法
01-19
本文实例讲述了js获取url传值的方法。分享给大家供大家参考，具体如下： js获取url参数值： index.htm?参数1=数值1&参数2=数值2&参数3=数据3&参数4=数值4&…… 静态html文件js读取url参数 根据获取html的参数值控制html页面输出 一、字符串分割分析法 这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案，相当于asp的request.querystring，PHP的$_GET 函数: [removed] function GetRequest() { var url = locati
asp.net页面与页面之间传参数值方法(post传值和get传值)
10-26
在***开发中，页面间传递参数是常见的需求，主要可以通过GET和POST两种方法来实现。GET方法通过URL传递数据，而POST方法则通过HTTP消息体传递数据。以下是两种方法的详细介绍和使用场景： ### GET方法传值 GET方法...
asp.net 两个不同页面的传值
10-30
本文主要探讨了如何在两个不同的***页面之间通过JavaScript和弹出窗口（使用showModalDialog方法）来传递数据。以下是详细知识点： 1. **使用showModalDialog方法弹出窗口**： `showModalDialog`是JavaScript中的...
URL传递值
hyt48079287的专栏
06-17 387
下面这个JS一定要放在input后面，要不然获取不到的。 function getStr(string,str){ var str_after = string.split(str)[1]; return str_after; } document.getElementById('chanpinid').value = getStr(window.location.hre
获取url传参
weixin_34315665的博客
04-04 146
很多时候我们都会用到使用url传值,那我们传的时候很好做,那么获取的时候,我们要怎么做呢,下面是本人在工作中所总结的方法,希望能够帮到你,谢谢. // 获取 url 传递的参数 function urlParse() { var url = window.location.search; var obj = {}; var reg = /[?&][^?&]+=...
通过url传值
从新开始
10-05 607
.do?id=2 通过url传值可以通过request.getParameter("id"); 方式得到, 但是假如没有显现到url地址上,那需要通过页面来传,可以写到隐藏域里面去.
URL传值带中文参数
sun930302的专栏
07-24 1360
前台传值url = "<html:rewrite page='/Action.do?method=interimAddress' />"; url += "&adress="+encodeURIComponent(encodeURIComponent(adress)); url += "&zipCode="+zipCode; url += "&province="+e
JS写一个函数输出今天的日期
TTO_OTT的专栏
08-11 6510
练习：输出今天的日期，以YYYY-MM-DD的方式，比如今天是2015年8月11日，则输出2015-08-11 var o = { /* *输出今天的日期，以YYYY-MM-DD的方式，比如今天是2015年8月11日，则输出2015-08-11 */ outputDate:function(){ var arrDate = []; var no
Nuxt嵌套路由：实现父子页面默认子组件显示与传值
在提供的代码示例中，`pages/parent.vue` 文件是父组件，它包含了一个列表，使用 `<nuxt-link>` 来导航到两个子页面：`child.vue` 和 `child2.vue`。每个子组件有自己的模板，如 `child.vue` 接收一个名为 `foobar` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值